css 文字顏色 文字裝飾 選擇器 行內塊元素

2021-09-25 05:35:01 字數 1746 閱讀 8598

控制文字的大小-font-size

控制文字的字型庫 font-family: 「楷體」;

預設的字型是微軟雅黑 *

控制字型是否加粗 font-weight:

/* normal:正常,就是不加粗—400 /

/ bold: 文字加粗—700 */

控制字型是否傾斜 font-style: italic;

/* normal:正常不傾斜 /

/ italic: 字型傾斜 */

color

rgb 三原色賦值

如 rgb(255, 0, 0);

十六進製制表示法

#ff0000;

控制文字水平居中

text-align: center;

/* 控制文字的水平對齊方式: left center right */

文字垂直居中

line-height:;

/* 行高,控制文字在垂直方向的位置 /

/ 如果想讓文字垂直居中 /

/ 讓文字的行高等於容器的高度即可 */

文字裝飾

text-decoration: underline;

/* 下劃線 /

text-decoration: overline;

/ 上劃線 /

text-decoration: line-through;

/ 刪除線 /

}a {

text-decoration: none;

/ 沒有線----最重要 /

/ 將a標籤自帶的下劃線清除 */

選擇器

類選擇器 點出來

id選擇器 #

萬用字元選擇器 *

後代選擇器 多個標籤空格隔開

子代選擇器

.選擇器名之間的鏈結符號是 >

.子代選擇器中間的輩分不能省略

交集選擇器 *

1.交集選擇器沒有任何鏈結符號

2.同時擁有所有條件才能給選中.

並集選擇器選擇器名之間用逗號隔開------乙個條件單獨一行 /

/ 只要滿足任意乙個條件就可以被控制 */

偽類選擇器

:hover 滑鼠懸停時發生變化

行內塊元素

/*塊級元素/

/ 1.獨自佔據一整行 /

/ 2.可以設定寬高 /

/ 3.如果塊級元素沒有設定寬度,那麼寬度會等於父盒子 /

/ 如果高度也沒寫,那就什麼都沒了 /

/ 常見的塊級元素: div p h1-h6 table ul li … */

/*行內元素/

/ 1.不能設定寬高----寬高由內容決定 /

/ 2.一行可以顯示多個 /

/ 常見的行內元素: span a strong del ins em i … */

/*行內塊元素/

/ 1.可以設定寬高 /

/ 2.一行可以顯示多個 /

/ 行內塊元素就是把塊級與行內的優點做結合 /

/ 常見的行內塊元素: input img */

塊級—block

行內—inline

行內塊-inline-block

CSS基本語法,引入,文字,顏色,選擇器 一

昨天弄完了html,今天來總結一下css,先整個css目錄出來 1 css基本語法及頁面引用 2 css文字設定 3 css顏色表示 4 css選擇器 5 css盒子模型 6 css元素溢位 7 css塊元素 內聯元素 內聯塊元素 8 css浮動 9 css定位 10 background屬性 應該...

CSS文字屬性和選擇器

border width 10px 不能是百分比 border color 邊框顏色預設為文字顏色 邊框樣式 border style 預設為none 沒有 空 solid實線 dashed短橫狀虛線 double雙線 邊框寬度3px起步 border 10px solid 顏色,四周10px的實線...

css選擇器(02)和文字屬性

1.css選擇器 1 a標籤的第乙個兒子b採用此樣式 a b first child 2 未啟用的狀態採用此樣式 a link 3 啟用後的狀態採用此樣式 a visited 4 滑鼠懸浮在上面時採用此樣式 a hover 5 滑鼠按住時採用此樣式 a active 6 字型大小 font size...