css選擇器 后面元素,css怎么設置?
包括:直接在標簽內設置、在html內部定義style、和導入css文件三種方式。
導入css文件可以使用link標簽,或者@import關鍵字。
兩者區別(復制粘貼):
1.從屬關系區別
@import是 CSS 提供的語法規則,只有導入樣式表的作用;link是HTML提供的標簽,不僅可以加載 CSS 文件,還可以定義 RSS、rel 連接屬性等。
2.加載順序區別
加載頁面時,link標簽引入的 CSS 被同時加載;@import引入的 CSS 將在頁面加載完畢后被加載。
3.兼容性區別
@import是 CSS2.1 才有的語法,故只可在 IE5+ 才能識別;link標簽作為 HTML 元素,不存在兼容性問題。
4.DOM可控性區別
可以通過 JS 操作 DOM ,插入link標簽來改變樣式;由于 DOM 方法是基于文檔的,無法使用@import的方式插入樣式。
css子元素有哪些名稱?
css的子元素有:
* a - 錨點
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計算機代碼(在引用源碼的時候需要)
* dfn - 定義字段
* em - 強調
* font - 字體設定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義范例計算機代碼
* select - 項目選擇
* small - 小字體文本
* span - 常用內聯容器,定義文本內區塊
* strike - 中劃線
* strong - 粗體強調
* sub - 下標
* sup - 上標
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變量
css3的transition是直接寫在選擇器上?
寫在哪里是要分情況的,是要看你想要實現什么效果。
1)如果寫在選擇器,如果是寫的rotate等事件,則直接執行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標移入以及鼠標移出的時候都會發揮作用。
2)寫在hover上,那么他只會在鼠標移入的時候才執行你自己定義的transtion動作,移出沒有效果;
css被固定了的如何設置優先級?
優先級:內聯式 > 嵌入式 > 外部式
對于同一個元素我們同時用了三種方法設置css樣式,那么哪種方法真正有效呢?在下面代碼中就出現了這種情況
1、使用內聯式CSS設置“超酷的互聯網”文字為粉色。
2、然后使用嵌入式CSS來設置文字為紅色。
3、最后又使用外部式設置文字為藍色(style.css文件中設置)。