前端學習day03 CSS

2021-10-22 07:10:08 字數 1699 閱讀 4250

id選擇器

萬用字元選擇器

css字型屬性

繁瑣、臃腫

層疊樣式表(cascading style sheets),也是一種標記語言,用作美化頁面,布局頁面。

功能:給誰去修改什麼樣式?

>

/* 給誰改樣式 */

ulstyle

>

兩種格式:

1.緊湊格式 ×

2.展開風格(一行乙個屬性)√

樣式:小寫

空格規範:

1.屬性值的前面,冒號的後面,打乙個空格

2.選擇器和大括號中間保留乙個空格

作用:選擇標籤

.類名

樣式點定義,結構類呼叫

多類名可以給乙個標籤指定多個類名。

多類名使用方式:

class

="類名一 類名二"

>

div>

唯一,只允許乙個標籤呼叫

>

>

#pink

style

>

head

>

>

"pink"

>

龔俊div

>

body

>

萬用字元選擇器,將所有標籤都修改了

*
字型

使用font-family

li
1、多個字型由逗號分開

2、用引號進行包含,單引雙引皆可

3、常見字型:

body
字型大小

使用font-size

/* 標題標籤比較特殊,需要單獨制定大小 */

body

h2

字型粗細

使用font-weight

/* 加粗 */

/* font-weight:700 等價於 font-weight: bold*/

.bold

/*font-weght:normal 等價於 font-weight:400*/

h2

文字樣式

使用font-style

/* 讓傾斜的字型正回來 */

li

字型的復合屬性
body
必須保留size和family

文字對齊

div
?困!!!!!!!11

前端學習day03

今天學了個新東西,是根據螢幕寬度大小修改網頁顯示的內容。大概查了下用法,media 可以針對不同的螢幕尺寸設定不同的樣式,特別是如果你需要設定設計響應式的頁面,media 是非常有用的。當你重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面。這個有時有效,有時會失效,具體是看電腦解析...

前端學習 Day03

組成部分 標題 表頭 主體 表尾 table 定義乙個 caption 定義 的標題 thead 定義表頭部分 tbody 定義 主體部分 tfoot 定義表尾,一般來顯示彙總資訊 tr 定義一行 th td 定義資料項 單元格 th一般用於表頭,有加粗的樣式 td 一般用於主體部分,沒有加粗的樣式...

day03 前端基礎

transform translate x,y x 表示向x軸正方向移動的距離 x表示向x軸反方向移動的距離 y 表示向y軸正方向移動 這裡的y軸正方向指的向下移動 y表示向y軸反方向 延y軸向上移動!示例 transform translate 300px,0px transform transl...