1.css基礎語法
css規則由兩個主要的部分組成
:選擇器,宣告
.selector
如:h1
h1:選擇器
font-size:32px,color:blue:宣告
2.css的三種定義方法
內聯式:
嵌入式:
外聯式:
3.css的三種基本選擇器
標籤選擇器:
h1id選擇器
:#p1
class選擇器
:.cp
選擇器的優先順序
style屬性內聯
>id
選擇class
選擇標籤選擇器
4.css擴充套件選擇器
說明:屬性選擇器: input[type=text] 根據元素的屬性及屬性值來選擇元素
組合選擇器: h1,h2,h3,h4 選擇一組標籤
偽類選擇器:
提示:. a:hover 必須放在
a:link
和 a:visited
之後才有效
.. a:active 必須放在
a:hover
之後才有效
.5.css背景
說明:background-color: 背景色
background-image: 背景圖
url(...)
background-repeat: repeat-x,repeat-y,no-repeat
background-position: x y -> center 0(水平居中
)6.css 文字
說明:text-indent: 段落縮排
em作單位
( 1em =
當前字型的尺寸
) text-align: 對齊方式
(left,right,center)
text-decoration: 文字修飾
(加下劃線等
) underline,line-through,none
7.css 字型
說明:font-family:字型型別
font-style:字型風格(如
,斜體)font-weight:字型加粗
100-900,bold,bolder,lighter
font-size:字型尺寸
8.css 鏈結
9.css 列表
說明:list-style:none --> 列表項不顯示圖形
list-style-image: 設定列表項顯示的
list-style-type: 設定列表項顯示的圖形
(circle,square等)
10.css **
說明:border: 設定**邊框(顏色
,線型,邊框尺寸
)border-spacing: **邊框與單元格間間隙
border-collapse: 邊框摺疊
padding: 單元格內容與邊框的距離
11.css 盒子模型
說明:border: 邊框的三要素
: 線型,寬度
,顏色margin: 外邊距
屬性接受任意長度值,
百分比值
,甚至使用負值
margin可以指定為
auto,
值會被自動設定為相對邊的值
padding: 內邊距
屬性接受任意長度值,
百分比值
,但不允許使用負值
-h1-h1 上右下左
12.css 輪廓
說明:位於邊框邊緣的外圍,
起到突出元素的作用
.輪廓三要素: 線型,
寬度,顏色
css學習 css基礎
子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname，也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...
css基礎學習
1.class和id 1 同一id在乙個頁面內只能應用一次，而class則是 用於描述多次出現的元素。2 class的定義方法 指定標籤 類名 id的定義方法 指定標籤 id名 class的應用方法 指定標籤 class 類名 id的應用方法 指定標籤id id名 2.css的引用 1 內部樣式 段...
CSS基礎學習
1.css cascading style sheet 層疊樣式表 css是對html的補充 css實現了網頁內容和頁面效果的分離 2.有三種方式可以將樣式表加入到html文件中 1 內聯樣式表 2 嵌入樣式表 3 外部樣式表link 3.樣式規則選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 ...