2. css樣式
3.選擇器：
4.盒模型
5.字型
6.背景
7.其他小知識點：
塊級元素：獨佔一行，寬高可以設定 div p ul li
行內元素：一行可以放多個，寬高不可以設定，由內容決定 span a em i
行內-塊級元素：一行可以放多個，寬高可以設定 img input button
display: block; 設定成塊級元素
inline; 設定成行內元素
inline-block; 設定成行內-塊級元素
none; 隱藏
單標籤：只有乙個標籤，自帶結束標識 ,雙標籤：成對出現，有開始有結束的，大部分是雙標籤，
table
caption :設定表頭
th :設定每一列的表頭
tr :行
td :列
不顯示列表項前面的符號，需要設定 list-style:none
有序列表：ol ,列表項 li
無序列表：ul ,列表項 li
**混排：dl ,列表項 dt：列表頭部 dd：列表內容
form
使用者輸入：input type='text' placeholder='提示語句' name='username'
密碼： input type='password'
單選按鈕： input type='radio'
多選按鈕： input type='checkbox'
下拉框： select > option
文字域： textarea
提交： input type='submit'
重置： input type='reset'
按鈕： button
提交資料時，資料的鍵名是由name屬性提供的，資料的鍵值是由value屬性提供的。
所有非使用者輸入的標籤，需要給定value屬性的值，如單選按鈕，多選按鈕，下拉框。
使用者輸入的，不用給預設value屬性值，如input type='text' textarea。
action:url位址，資料提交的位址
method:get/post ，提交資料的方式
css樣式作用裝飾html,使頁面美化。第一種：行內樣式
把樣式寫在標籤內部，需要在標籤中新增乙個屬性style，在style中定義樣式
第二種：內部樣式表
在head中定義乙個style標籤，在這個標籤中寫當前頁面的樣式
第三種：外部樣式表
在html檔案外建立.css結尾的檔案，在檔案中寫css樣式，引入頁面需要使用link標籤
font-size:12px;
color: 值可以是英文單詞 red green yellow
是rgb() rgb(0,0,0) rgb(255,255,255)
是rgba() 帶透明度的顏色值 rgba(0,255,123,0.3)
是#000
css中通過 #container 找到對應元素，然後可以設定樣式
需要在標籤上新增 class 屬性，給class屬性乙個變數名
css中通過 .box 找到對應的元素，然後設定樣式
直接找標籤的名稱(div,span,a,p,input)，然後設定樣式
:before/:after
:nth-child(n)
:nth-of-type(n)
class
='box'
>
>
>
a>
p>
>
p>
div>
.box:before
.box p:nth-child(2)
注意：id選擇器一次只能選中 1 元素，頁面中id不能出現同名
class、標籤選擇器每次選中的是多個，class相同類名可以出現多次
nth-child/nth-of-type ：只適用於class/標籤選擇器,選中的是class/標籤的兄弟元素
content : 寫入內容的地方
padding：內邊距,撐開內容和邊框直接的距離
border：邊框
margin：外邊距
塊級元素、行內-塊級元素可以設定寬高，這裡設定的寬和高指的是content的寬高
padding/margin/border都是是四個方向上，四個方向上的值可以不同
四個方向：上為top 下為bottom 左為left 右為right
border由三個屬性組成：寬度(border-width)、樣式(border-style)、顏色(border-color)
border的簡寫方式：border:1px solid/dotted/dashed #000;
border-bottom:3px red solid;
padding/margin的簡寫：
第一種形式：只有乙個值，這時四個方向都使用這個值 padding:10px;
第二種形式：兩個值，這時上和下10px,左和右是20px; padding:10px 20px;
第三種形式：三個值，這時上10，左右20px，下30px padding:10px 20px 30px;
第四種形式：四個值，上10 ，右20 ，下30，左40 padding:10px 20px 30px 40px;
font-family: 設定字型(宋體、微軟雅黑)
font-size:字型大小
font-weight:字型粗細
background
背景定位：background-position:x軸方向 y軸方向
背景重複：background-repeat:no-repeat; repeat-x; repeat-y;
寬：width
高：height
行高：line-height
文字對齊效果：text-align:center/left/right
溢位隱藏：overflow:hidden
垂直對齊方式：vertical-align：top
middle
bottom
css樣式表 樣式表分類 選擇器
一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案，用來存放樣式表 在html中呼叫樣式表，要在html中右鍵 ...
CSS樣式表與選擇器
html解題思路 1 先大致寫出html框架，即定義內容部分。2 然後根據需要寫對應的css樣式，即定義表現部分。3 根據需要可將css檔案定義在外部，用鏈結樣式表或匯入樣式表將外部css檔案引入到當前頁面，實現了表現與內容的分離。css樣式選擇器分類 1 標籤選擇器。2 類選擇器。3 id選擇器。...
CSS 樣式表與選擇器
3,樣式表特點 4,選擇器分類 4 群組選擇器 為一組元素統一設定樣式 5 後代選擇器 空格表示後代 在選擇器 中查詢所有滿足選擇器 的元素 6 子代選擇器 匹配滿足選擇器的所有直接子元素 7 偽類選擇器 為元素的不同狀態分別設定樣式,5,選擇器的優先順序 借助於style標籤屬性,書寫樣式宣告 樣...