css是什麼 ?
網頁的美容師,css的出現,拯救了混亂的html,當讓更加拯救了我們web開發者。 讓我們的網頁更加豐富多彩
說的形象一點點就是 hmtl就像是毛坯,css是搞裝修,讓我們的毛坯房更漂亮,js就是裝推拉門,智慧型窗簾,掃地機械人等,這樣html、css、js 專案搭配,使我們的房子更漂亮。
專業叫法:
層疊樣式表---筆試回答時
作用:
美化網頁,布局網頁
css的選擇器的分類:
基礎選擇器 和 復合選擇器
css選擇器的作用:
找到對應的html標籤
基礎選擇器:
是由單個選擇器組成的,基礎選擇器包括,標籤選擇器、類選擇器、id選擇器 和 萬用字元 等
1.標籤選擇器:是指用 html 標籤名作為選擇器, 比如 我是p標籤
作用和使用場景:找到標籤名一樣的元素
標籤選擇器的寫法:
標籤名
詳細**如下:
案例:頁面三個div,設定第乙個第三個紅色,第二個藍色
紅色綠色
紅色
多類名:乙個標籤有多的類名
寫法: class="red box"
那你可能會問,為什麼要使用多類名?就好比剛才的div 每個div都是100*100px,但是我們在2個類名都寫了,如果修改也多要修改,是不是很麻煩呢
作用:把相同的樣式寫的乙個類裡,誰要就給誰加上類
紅色綠色
紅色
3. id 選擇器
寫法:
1. 在 標籤中 id =「pink」
2. #pink{}
**如下:
苗苗
那麼你可能會問,既然和類選擇器基本一致,為什麼還要有id選擇器呢? 嗯嗯,問的好,是乙個愛思考的學生
那是因為 頁面中id 是唯一的,不允許重複使用,比如:
苗苗
苗苗
類選擇器和id選擇器的區別:
1.類 可重複 ,id 選擇器不行,就像人們的id
2. 實際開發中還是用 類選擇器比較多
萬用字元選擇器:
選擇頁面中所有的元素(標籤)
把頁面所有標籤修改樣式,html、body 也修改了
使用: * {} 定義
即:color:red;
分享快樂收穫雙倍快樂
**:1234
我是a標籤
現在我們已經學習了這麼多選擇器,總結一下,類選擇器用的最多,最重要
CSS 基礎筆記 第一天
css cascading style sheets 稱為css樣式表 層疊樣式表 級聯樣式表 作用 設定版面的布局和外觀顯示樣式 行內式 內連樣式 控制乙個標籤 style color pink font size 23px 蘿莉賽高!div 缺點是沒有實現結構和樣式的分離 畢竟直接寫在了html...
css學習第一天
1 沒有樣式表時,如果我想更新整個站點中所有主體文字的字型,我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務,我仍然需要更新所有的模板,而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表,我可以將站點上所有的網頁都指向單一的乙個 css檔案,我只要修改 css檔案...
CSS學習第一天
在css中,我們需要選擇器來進行選擇我們要進行操作的標籤,它的作用就是選擇標籤。1.基礎選擇器 形式標籤名 例如 div類選擇器 這是使用最多的選擇器 形式 類名 例如 eg注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶 樣式點 定義,結構 class 呼叫,乙個或多個,開發最常用。i...