目錄如何修改標籤樣式
背景屬性
邊框border-radius （畫圓）
display
取出無序列表 ul 的自帶樣式
層疊樣式表
/*單行注釋*//*多
行注釋*/
選擇器
不才 挽林徽因
一身詩意千尋瀑，萬古人間四月天
一身詩意千尋瀑，你是人間四月天
後代選擇器 x y {}
兒子選擇器 x>y {}
毗鄰選擇器 x+y {}
弟弟選擇器 x~y {}
我是div裡面的第乙個span
我是div裡面的第乙個p
我是div裡面的第乙個p裡面的span
我是div裡面的第二個span
我是第乙個div下面的第乙個標籤
我是第乙個div下面的第乙個標籤的p標籤
不知名span標籤
我是div下面的第乙個span
我是div下面的第二個span
可以給 任意標籤 新增 屬性， 屬性可以是任意個，屬性值可以是任意值
但是屬性名講究 見名知意
不才不才
不才 一身詩意千尋瀑，你是人間四月天
一身詩意千尋瀑，萬古人間四月天
即 屬性選擇器 可以只指定 屬性，也可以指定屬性對應的屬性值， 也可以指定標籤下的指定屬性對應的屬性值
divp
span
神秘鏈結
一身詩意千尋瀑，萬古人間四月天
一身詩意千尋瀑，萬古人間四月天
一身詩意千尋瀑，萬古人間四月天
一身詩意千尋瀑，萬古人間四月天
p
相同的 選擇器 不同的引入方式
———— 就近原則 誰最靠近指定標籤誰生效
不同的 選擇器 相同的引入方式
———— 行內樣式 > id選擇器》 類選擇器 > 標籤選擇器
不才不才
一身詩意千尋瀑，萬古人間四月天
描述normal
預設值，標準粗細
bold
粗體bolder
更粗lighter
更細100~900
設定具體粗細，400等同於normal，700等同於bold
inherit
繼承父標籤的粗細值
一身詩意千尋瀑，萬古人間四月天
text-align 屬性來規定標籤中文字的對齊方式值描述
left
靠左對齊，預設也是靠左對齊
right
靠右對齊
center
居中對齊
justify
兩端對齊
文字裝飾
text-decoration 屬性用來給文字新增特殊效果值描述
none
預設，定義標準的文字
underline
定義下劃線
overline
定義上劃線
line-through
定義刪除線
inherit
繼承父標籤的text-decoration屬性的值
一身詩意千尋瀑，萬古人間四月天
神秘鏈結
背景顏色*/
background-color: red;
/*背景*/
/* 背景重複
repeat(預設):背景平鋪排滿整個網頁
*/background-repeat: no-repeat;
/*背景位置*/
background-position: left top;
/*background-position: 200px 200px;*/
不才 一身詩意千尋瀑，萬古人間四月天
邊框屬性：
border-width
border-style
border-color
#i1/*通常使用簡寫方式*/
#i1
none
無邊框dotted
點狀虛線邊框
dashed
矩形虛線邊框
solid
實線邊框
/*除了可以統一設定邊框外還可以單獨為某乙個邊框設定樣式，如下所示：*/
#i1
用這個屬效能實現圓角邊框的效果
將border-radius設定為長或高的一半 即可得到乙個圓形
divdisplay:"none"
html文件中元素存在，但是在瀏覽器中不顯示，也不佔頁面空間，一半用於配合js**使用
display:"block"
預設佔滿整個頁面寬度，如果設定了指定寬度，則會用margin填充剩下的部分
display:"inline"
按行內元素顯示，此時再設定元素的width/height/margin-top/margin-bottom/float屬性都不會有什麼影響
display:"inline-block"
使元素同時具有行內元素和塊級元素的特點
divdiv
span
span
display:none 與 visibility:hidden的區別：
visibility:hidden: 可以隱藏某個元素，但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說，該元素雖然被隱藏了，但仍然會影響布局。
display:none: 可以隱藏某個元素，且隱藏的元素不會占用任何空間。也就是說，該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。
css標籤和html標籤
一,html 標題標籤 h1,h2,h3,h4,h5,h6 段落標籤 水平線標籤 換行標籤 水平線標籤 size 水平粗細線 width 水平線寬度 align 水平線對齊方式 color 水平線顏色 字型標籤 funt size 文字大小 color 字型顏色 face 文字的字型 標籤 src ...
CSS動畫標籤
keyframes 規則用於建立動畫。它的三個必要的值如下 animationname 定義動畫的名稱 keyframes selector 必需。動畫時長的百分比 css styles 乙個或多個合法的 css 樣式屬性 animation name 規定需要繫結到選擇器的 keyframe 名稱...
CSS基礎標籤
css基礎知識 1.1基本概念 css層疊樣式表 cascadingstyle sheets html描述了要呈現的內容，而css則定義了這些內容的呈現形式，比如字型 顏色等。使用css能夠將頁面內容和呈現形式有效分離，有利於分工合作，也有利於快速更換不同的呈現形式 使用樣式表可以有3種方式 同過c...