css隨筆屬性

2022-04-03 00:09:00 字數 4178 閱讀 5962

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 取值 文字效果 文字粗細 說明 設定英文大小寫轉換屬性 字型屬性 字型顏色 返回目錄 水平對齊方式 垂直對齊 文字效果 首行縮排 文字轉換 單詞之間間隔 字元之間間距 壓縮空白屬性 行距 設定標註文字水平對齊方式 設定標註文字顯示的位置...