阿里前端CSS上

2022-10-08 16:15:10 字數 1233 閱讀 2069

總結:使用嵌入式的方法來書寫css**,它只能作用於當前的html檔案

使用外鏈式的方式來書寫css**,它可以作用於多個html檔案

三種方式:嵌入式、外鏈式、行內式

嵌入式

外鏈式 .css檔案,網路中含有css檔案;

link標籤可以有多個,即乙個html頁面可以同時引入多個css檔案

行內式

style是標籤的通用屬性

sublime中,ctrl+shift+/

通用選擇器:給html中的所有標籤設定顏色

標籤選擇器:標籤名,匹配對應的html標籤

類選擇器:.class的屬性值

id選擇器:#id屬性值

行高的主要作用是來設定文字的垂直方向居中對齊。行高=高度的值

無序列表和有序列表

無序列表是使用非常多的

list-style:整合了上面三個屬性的功能。它可以有乙個,也可以有兩個、三個屬性值。位置無順序。

給超連結的不同狀態設定樣式。

正常狀態 超級鏈結沒有被訪問

訪問過後狀態 超級鏈結已經被訪問

滑鼠放上狀態

啟用狀態

屬性選擇器它是與標籤的屬性名和屬性值有關。

屬性選擇器是通過標籤的屬性名和屬性值來匹配元素。

外層元素上的樣式會被內層元素所繼承,限於文字和字型的樣式屬性。

行內樣式》id選擇器》類選擇器》標籤選擇器

前端之CSS 上

css介紹 css cascading style sheet,層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化 渲染 css語法 css例項 每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。例如 h1 ...

1011 Day 42 前端之CSS(上)

目錄2.9 屬性選擇器 3.0 標籤的巢狀 3.1 標籤選擇器 3.2 毗鄰選擇器 3.3 類選擇器 3.4 組合選擇器 3.5 設定寬高 3.6 通用選擇器 圖示結果 asdasd asdasd 圖示結果 我愛你 注意 內的樣式優先於裡的樣式,所以 愛 顯示pink,而不是blue。圖示結果 字型...

阿里前端電話面試

1.js的兩個時間函式是哪兩個?settimeout function time 暫停多少秒後執行一次 和setinterval function time 在某段時間內不停的去執行一行 2.argument是什麼?與this有什麼差別?3.閉包有什麼作用?4.怎樣用js實現旋轉木馬?5.怎樣實現繼...