1.css基礎 1.css選擇器
元素選擇器:p{}
id選擇器:#p1{}
類選擇器:.pre{}
2.css注釋
注釋:/**/
3.css尺寸
width:寬度height:高度
4.css背景
background-color-----背景顏色
background-image:url(imagepath)---做背景
url(background.jpg)---本地測試
background-repeat---背景水平垂直方向重複---引數可選
background-size: contain---背景平鋪
5.文字
color---文字顏色
text-align---對齊
text-decoration---文字修飾
lineheight---行間距
letter-spacing---單詞間距
text-indent---首行縮排
text-transform---大小寫
white-space---空白格
5.字型
font-size---尺寸
font-style---風格
font-weight---粗細
font-family---字型檔
font---宣告在一起
6.滑鼠樣式
cursor:crosshair---十字架
cursor:pointer---手指
7.**
table-layout:automatic|fixed---**布局
border-collapse:separate|collapse---**邊框
8.邊框
border-style---邊框風格
border-color---邊框顏色
border-width---邊框寬度
border---都放在一起
boder-top---只有乙個方向有邊框
boder-top,border-left---有交界的邊都有邊框
div---塊級元素(自動換行)
span---內聯元素(無換行)
9.內邊距
padding-left: 左內邊距
padding-right: 右內邊距
padding-top: 上內邊距
padding-bottom: 下內邊距
padding: 上 右 下 左
10.外邊距
margin-left: 左外邊距
margin-right: 右外邊距
margin-top: 上外邊距
margin-bottom: 下外邊距
11.邊框模型
12.超鏈狀態
link - 初始狀態,從未被訪問過
visited - 已訪問過
hover - 滑鼠懸停於超鏈的上方
active - 滑鼠左鍵點選下去,但是尚未彈起的時候
13.隱藏
display:none; ---隱藏乙個元素,這個元素將不再占有原空間 「坑」 讓出來了
visibility:hidden;---;隱藏乙個元素,這個元素繼續占有原空間,只是「看不見」
14.css檔案
href指向的路徑就是單獨的css檔案路徑
15.css優先順序 1. 在屬性後面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。 2. 作為style屬性寫在元素內的樣式 3. id選擇器 4. 類選擇器 5. 標籤選擇器 6. 萬用字元選擇器 7. 瀏覽器自定義或繼承
CSS基礎知識點總結
一 css的簡介 1 什麼是css 層疊樣式表,css是對html進行樣式修飾語言 層疊 就是層層覆蓋疊加,如果不同的css樣式對同一html標籤進行修飾,樣式有衝突的部分應用優先順序高的,不衝突的部分共同作用 樣式表 就是css屬性樣式的集合 2 css的作用 1 修飾html的 使其html樣式...
CSS基礎知識點記錄
css參考手冊 2.1 內聯 2.2 頁面嵌入 所有input標籤都被設定成該樣式。2.3 外部引用 例如 對於非元素內聯的樣式需要定義樣式選擇器。5.1 標籤選擇器 對於指定的標籤採用統一的樣式 例如 input5.2 class選擇器 定義乙個命名的樣式,然後在用到它的時候設定元素的class屬...
基礎知識點
1 inline block布局 2 table布局 3 justify的末行不對齊 4 兩個圖示之間有空格 換行 5 背景中的的 路徑的 全部斜槓都為 不是 命令列下的這種 doctype html html head meta charset utf 8 title xx title head ...