拉勾教育CSS學習筆記3 5

2021-10-21 05:51:27 字數 1253 閱讀 5104

今明兩天將對css層疊樣式表(cascading style sheets) 進行乙個初步的學習和認識,3月5日主要學習了樣式表的集中程式設計方式,語法規則以及常用屬性,3月6日將學習css的幾個重要的選擇器以及繼承性和層疊性。
css規則主要由兩個主要的部分組成:選擇器,以及一條或多條宣告

p

p:選擇器-----功能:選擇所有的 p標籤

width/font-size:屬性名

14px:屬性值

根據書寫位置不同,css**有四種書寫方式:內聯式、內嵌式、外聯式、匯入式

在html標籤的style屬性中書寫css樣式

style

="width

: 100px;

height

: 100px;

font-size

: 14px

">

1div

>

將多條進行書寫,分號分隔,最後總成形成style屬性。

內聯式有不少缺點

內聯式必須寫在標籤上,沒有完全脫離html標籤

css樣式**讓標籤結構繁重,不利於html結構的解讀

乙個內聯樣式的css只能給乙個標籤使用,若多個標籤使用相同的樣式需要重複書寫,大大增加**量

在html檔案的標籤內新增乙個內嵌的標籤

type

="text/css"

>

pstyle

>

內嵌式優缺點

優點:實現了樣式和結構的初步分離,css只負責樣式,html只負責結構

多個標籤可用一段**設定,相對於內聯式減少**量

缺點:結構和樣式並沒有完全分離,**依舊書寫在html檔案的style標籤內部

css樣式並不能在其他html檔案中使用

在css樣式中如果**太多,會導致檔案頭重腳輕

以內嵌式為例,外聯同理,書寫規則如下:

書寫css**時要注意的注意事項:

css新增注釋:

乙個老鳥的**風格除了讓你更裝b老道之外,還讓你的**效率更高,更具可讀性。**首先是給人讀的,其次才是給機器讀的,因此你需要注意以下幾點:

width

height

background-color

達到了在文字下面的乙個box效果

拉勾教育css學習筆記3 6 css選擇器以及屬性

選擇器 選擇要新增樣式的html標籤的一種方法 模式。將學習css2.1的七種選擇器 基礎選擇器 標籤選擇器 id選擇器 類選擇器 萬用字元選擇器。高階選擇器 後代選擇器,交集選擇器,並集選擇器。書寫方式 通過同名的標籤名進行選擇。注意 標籤選擇器可以選擇所有的同名標籤,會忽視http巢狀關係,不管...

python 3 5 學習筆記

字串方法 msg this is message msg.title 首字母大寫 msg.lower 字串全部小寫 msg.upper 字串全部大寫 msg.rstrip 刪除字串前後的空格 msg.lstrip 刪除字串前面的空格 msg.strip 刪除字串後面的空格 str msg 將msg轉...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...