div的樣式:【width:寬度 :100像素、height:高度100px、background:背景顏色紅色】
內嵌的形式:用<style type="text/css></style>把樣式(div;id; third)樣式圈在里面。注意要嵌在頁面<head></head>的里面。#號id名稱(third) 尋找id:third
外部的形式:單獨的樣式文件。<link>標簽
除了可以通過id 的樣式尋找,還可以通過p標簽進行元素名尋找。
第三種形式可以通過 class 篩選元素; 通過 (。)篩選 common ;可以有重復的名字
通過屬性去尋找名為(aa.thml)文件
偽類:
標簽的四個偽類元素;a:link{color#顏色} 未訪問的鏈接
a:visited{color#顏色} 已訪問的鏈接
a:hover{color#顏色}鼠標划過時出現的顏色
a: active{color#顏色}鼠標點擊時出現的顏色
樣式:
id為back_div的樣式: border :1px solid red;是邊框
background-color:blue; 是背景顏色
background-image:url(圖片) 是引入圖片
background-size:30% 50% 是背景尺寸
background-repeat:背景平鋪方式 no-repeat 是不平鋪
background-position:40% 40%;背景的位置
名為font_div的樣式:font-size 字體大小
font-style:italic 字體傾斜
font-weight :bolder 字體粗細
text-decoration:line-tuough 刪除線
underline 下划線
overline 上划線
none 去掉下划線
color : 字體顏色
邊框邊距:
margin外面距: 代表 上、右 、下、左。順時針方向。
dashed: 虛線
solid :實線
Border-bottom:2px dashed black :代表只保留下虛邊框
top :代表只保留上表框 (依次)
格式與布局
positi :fixed :固定
absolute 絕對定位 (就像小廣告)
relative : 相對定位(相對於自身應該出現的位置)
right:距離右邊的距離
top: 距離上邊的距離
left:距離左邊的距離
botton: 距離下邊的距離
Z-index分層:需要在前面使用position 才會右效果