控制文字的大小-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...