css基礎(chǔ)

css
所有CSS文本屬性。
屬性 描述
color 設(shè)置文本顏色
direction 設(shè)置文本方向。
letter-spacing 設(shè)置字符間距
line-height 設(shè)置行高
text-align 對(duì)齊元素中的文本
text-decoration 向文本添加修飾
text-indent 縮進(jìn)元素中文本的首行
text-shadow 設(shè)置文本陰影
text-transform 控制元素中的字母
unicode-bidi 設(shè)置或返回文本是否被重寫
vertical-align 設(shè)置元素的垂直對(duì)齊
white-space 設(shè)置元素中空白的處理方式
word-spacing 設(shè)置字間距
CSS 背景屬性
Property 描述
background 簡(jiǎn)寫屬性,作用是將背景屬性設(shè)置在一個(gè)聲明中。
background-attachment 背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。
background-color 設(shè)置元素的背景顏色。
background-image 把圖像設(shè)置為背景。
background-position 設(shè)置背景圖像的起始位置。
background-repeat 設(shè)置背景圖像是否及如何重復(fù)。

CSS 鏈接
不同的鏈接可以有不同的樣式。
target:目標(biāo)的意思,設(shè)置跳轉(zhuǎn)后的網(wǎng)站是否在新窗口打開(kāi),默認(rèn)原窗口打開(kāi)
新窗口打開(kāi):添加屬性值 target="_blank",blank是空白的意思

鏈接樣式
鏈接的樣式,可以用任何CSS屬性(如顏色,字體,背景等)。

特別的鏈接,可以有不同的樣式,這取決于他們是什么狀態(tài)。

這四個(gè)鏈接狀態(tài)是:

a:link - 正常,未訪問(wèn)過(guò)的鏈接
a:visited - 用戶已訪問(wèn)過(guò)的鏈接
a:hover - 當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
a:active - 鏈接被點(diǎn)擊的那一刻

a:hover 必須跟在 a:link 和 a:visited后面
a:active 必須跟在 a:hover后面

CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,"box model"這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。

CSS盒模型本質(zhì)上是一個(gè)盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實(shí)際內(nèi)容。
盒模型允許我們?cè)谄渌睾椭車剡吙蛑g的空間放置元素。

Margin(外邊距) - 清除邊框外的區(qū)域,外邊距是透明的。
Border(邊框) - 圍繞在內(nèi)邊距和內(nèi)容外的邊框。
Padding(內(nèi)邊距) - 清除內(nèi)容周圍的區(qū)域,內(nèi)邊距是透明的。
Content(內(nèi)容) - 盒子的內(nèi)容,顯示文本和圖像。

所有CSS字體屬性
Property 描述
font 在一個(gè)聲明中設(shè)置所有的字體屬性
font-family 指定文本的字體系列
font-size 指定文本的字體大小
font-style 指定文本的字體樣式
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 指定字體的粗細(xì)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基本常識(shí)與實(shí)踐 css的每一個(gè)語(yǔ)句包括一個(gè)場(chǎng)所,以及這個(gè)場(chǎng)所的一個(gè)屬性,還要應(yīng)用到這個(gè)屬性一個(gè)樣式,一個(gè)典型的cs...
    丁俊杰_閱讀 1,115評(píng)論 0 0
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,423評(píng)論 0 40
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,569評(píng)論 0 5
  • 一.CSS描述 CSS全稱為“層疊樣式表(Cascading Style Sheets)”,它主要是用于定義HTM...
    snowy_sunny閱讀 1,188評(píng)論 0 4
  • HTML 軟件架構(gòu) C/S:C(客戶端,用戶通過(guò)客戶端來(lái)使用軟件),S表示服務(wù)器。一般軟件都是C/S架構(gòu)。軟件使用...
    小土豆dy閱讀 1,379評(píng)論 0 5

友情鏈接更多精彩內(nèi)容