每個html標籤上有屬性style，用於結合。（demo1）
style
="background-color
: aqua;
color
: rebeccapurple
">
div>
用head裡的標籤實現style。（demo2）
type
="text/css"
>
/>
在style標籤內，@import url（css檔案）（demo3）
type
="text/css"
>
@import
"css/demo1.css"
;style
>
使用頭標籤link，引入外部css檔案 （demo4）
rel=
"stylesheet"
type
="text/css"
href
="css/demo1.css"
/>
後載入的優先順序高
標籤選擇器 標籤名作為選擇器名稱
divclass選擇器
每個html標籤都有個class屬性 （demo5）
div.libai
class
="libai"
>
div>
id選擇器
每個html標籤都有個id屬性 （demo5）
div#no1
"no1"
>
div>
優先順序style > id選擇器 > class選擇器 > 標籤選擇器
關聯選擇器
當標籤巢狀時，設定巢狀內格式 （demo6）
type
="text/css"
>
div p
style
>
組合選擇器
當想設定不同標籤內的內容相同格式（demo7）
type
="text/css"
>
div,p
style
>
偽元素選擇器
css內提供的樣式，可以直接使用
例如對超連結的狀態，可以進行不同的設定（demo8）
type
="text/css"
>
a:link
a:hover
a:active
a:visited
style
>
在進行布局前需要把資料封裝到一塊一塊的區域（div）
邊框border（demo9）
border-top border-bottom border-left border-right屬性有：width style color
內邊距padding（demo10）
padding-top padding-bottom padding-left padding-right屬性有：length
外邊距margin（demo11）
margin-top margin-bottom margin-left margin-right屬性有：length
float（demo12）
left：文字流向物件的右邊 right：文字流向物件的左邊 postion（demo13）
absolute ：將物件從文件流中拖出，使用 left ， right ， top ， bottom等屬性相對於其最接近的乙個最有定位設定的父物件進行絕對定位。relative： 物件不可層疊，但將依據 left ， right ， top ， bottom 等屬性在正常文件流中偏移位置
CSS基礎學習day02
一 css布局 float left或right 1.可以把 塊狀元素放在同一行上。2.若 是float right，注意 寫在最前的靠在最右邊。3.若父容器的寬度不足時，會自動換行。4.若是設定了float,脫離文件位置。clear both 清除浮動，使之不占用浮動的位置 overflow hi...
Vue學習筆記day02總結
目錄 1.品牌新增 刪除 查詢案例 2.過濾器 2.1全域性過濾器 2.2私有過濾器 3.字串的padstart方法的使用 指定顯示長度 4.自定義全域性按鍵修飾符 5.自定義指令 5.1自定義全域性指令 5.1.1 自定義全域性指令讓文字框獲取焦點 5.1.2 自定義全域性指令設定字型顏色 使用鉤...
web課堂總結 day02
第一塊 frameset 描述 frameset沒有body dwll 用於標記右側欄 target 常用兩個屬性 1.blank 新建頁面開啟鏈結 2.self 在本身塊開啟 第二塊 iframe sohu 第三塊 的標籤及屬性 table屬性 width height 寬高 單位是畫素或百分比 ...