anchor偽類,用於閱讀文章。
a:link(沒有接觸過的鏈結),用於鏈結常規狀態 (末訪問的鏈結)
a:hover(滑鼠放在鏈結上的狀態) 用於產生視覺效果(已訪問的鏈結)
a:visited(訪問過的鏈結)能清楚判斷已經訪問的鏈結(滑鼠移動的鏈結)
a:active(在連線上按下滑鼠是的狀態),用於表現滑鼠按下是的鏈結狀態(選定的鏈結)
before after偽類
:before p:before 在每個元素之前插入的內容
:after p:after 在每個元素之後插入的內容
css的優先順序
1、style="-----------1000"; 內斂樣式表的權值最高
2、#id---------------100; 統計選擇符中id的屬性個數
3、.class------------10; 統計選擇符中的class屬性個數
4、p------------------1; 統計選擇附中的html標籤個數
水平對齊方式
text-align屬性規定元素中的文字的水平對齊方式
left 把文字排列左邊
right 把文字排列右邊
center 把文字排列中間
justify 實現兩端對齊文字的效果
line-height:200px; 文字行高
vertical-align :-4px; 元素內容垂直對齊方式,只對行內的元素有效,對塊級元素無效
text-decoration:none 去掉拆鏈結的下劃線
text-decoration:underline 設定超連結下劃線
letter-spacing:10px; 字母間距
word-spacing:20px; 單詞間距
外邊距和內邊距
margin:控制元素與元素之間的間距
padding: 用於控制內容與邊框之間的距離
border: 圍繞在內邊距和內容外的邊框
content: 盒子內容,顯示文字和影象
margin:外邊距屬性
margin-top: 上邊距
margin-bottom: 下邊距
margin-right: 右邊距
margin-left: 左邊距
居中應用:
margin:0 auto:
常見的塊級元素有:div,form,table,p,pre,h1--h5,dl,ol,ul
常見的內斂元有:span,a,strong,em,label,input,select,img,br
list-style:none; 去掉列表預設樣式
no-repeat 0px,4px; 不重複
transition-duration:0.5s; 設定過渡時間
border-radius: 50%; 設定邊框圓角
overflow:hidden 超出的部分要裁剪隱藏
opacity: 設定透明
背景屬性
屬性介紹:
backgroud-color 背景顏色
backgroud-image:url(位置) 背景
backgroud-position 背景定位
background-repeat: no-repeat; 背景不重複
邊框屬性
border-width:20px;
border-style(required):solid;
border-color:chartreuse;
簡寫:border:30px red solid;
邊框-單獨設定各邊
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:none;
列表屬性
list-style-type 設定列表項標誌的型別
list-style-image 將影象設定為列表項的標誌
list-style-position 設定列表中列表項標誌的位置
diaplay屬性
diaplay:inline; 轉換內斂標籤
diaplay:block; 轉換塊級標籤
diaplay:inline-block;
diaplay:none;
邊距的塌陷問題
float浮動
清除浮動
clear: 清除浮動只對自身起作用
clear:none 預設值,允許兩邊可以有浮動現象
clear:left 不允許左邊有浮動(對自身起作用)
clear:right 不允許右邊有浮動
clear:both 兩邊都沒有浮動
float; 半脫離文件流
position:fixed; 固定定位完全脫離文件流
position:relative; 以自己原位置作為參照物,可以使用top,left ,相對定位,沒有脫離文件流
position:absolute 完全脫離文件流,已經定位的父級作為參照物
H5 css3屬性隨筆
padding 簡寫屬性在乙個宣告中設定所有內邊距屬性。margin 簡寫屬性在乙個宣告中設定所有外邊距屬性。placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint alt 屬性規定在影象無法顯示時替代文字。在電腦鍵盤上,esc是escape 逃跑 的簡寫,ctrl是control...
jQuery 屬性(新手學習隨筆)
1.attr name,value 設定或獲取屬性 獲取 例 a attr href 釋 獲取id名為a的,名為href裡面的內容 設定 例 a attr href true 釋 獲取id名為a的,把名為href裡面的內容為true 注 name 獲取的名字 value 引數 2.removerat...
css 筆記 css 屬性
以下內容大部分來自 文字字型 匹配原則 泛型字型 文字大小 n 取值 文字效果 文字粗細 說明 設定英文大小寫轉換屬性 字型屬性 字型顏色 返回目錄 水平對齊方式 垂直對齊 文字效果 首行縮排 文字轉換 單詞之間間隔 字元之間間距 壓縮空白屬性 行距 設定標註文字水平對齊方式 設定標註文字顯示的位置...