初識CSS總結

2021-10-08 00:09:20 字數 1500 閱讀 9454

1、css的定義

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html或xml等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

2、css的主要作用
1. 布局
2. 美化
一張網頁就是一堆的盒子堆積起來的。盒子就是標籤,都是矩形。

盒子可以分為三類:

1. 內容區域:width 和 height

可以設定width和height,表示內容區域。

width和height不起作用

2. 內填充區域: padding

用來設定內填充,也稱補白。表示內容區域和邊框之間的距離
上下padding可以撐起塊級元素盒子的高度

padding在垂直方向上不影響行高

3. 邊框: border

設定邊框的寬度

設定邊框的樣式

設定邊框的顏色

border是乙個復合屬性

通常使用

.box

4. 外填充區域:margin
表示外邊距,盒子與盒子之間的距離,是邊框之外的間隔。
.box

margin有重疊問題

margin在垂直方向上無效

5. 背景: background

設定盒子的背景顏色

設定盒子的背景

控制背景是否平鋪

背景定位

字型設定

設定字型是否傾斜

設定字型是否加粗

設定字型大小

設定字型型別

font是乙個復合屬性

設定字型顏色

文字設定

用來設定文字的裝飾線

把a標籤的預設的下劃線去掉

a

首行空兩格

1)讓盒子中的文字居中

2)讓行內元素或行內塊元素在乙個盒子中居中

設定行高

浮動的初衷:為了實現新聞的字圍效果。
浮動的主要作用
使用浮動來讓塊級元素併排顯示。
浮動的特點
清除浮動的影響
.box

.box2

初識css(自學筆記)

css cascading style sheets 美化樣式 css通常被稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高,邊框樣式,邊距等 以及版面的布局等外觀樣式 內嵌式是將css 集中寫在html文件的head頭部標籤中,並...

初識css與css選擇器

初識css css的全稱為cascading style sheet 層疊樣式表,它的主要作用是為我們的html標籤新增各種各樣的樣式和修飾效果。這裡我總結的css屬於css2.0的知識點,css3.0的知識我打算在後面的文章裡面總結。其實html css部分的知識點總共站前端的知識總量的1 2 但...

css初識和css選擇器

一.css是什麼 css cascading style sheet 定義如何顯示html元素,給html設定樣式,顯得更為美觀.二.css的引入方式 1.行內引入 在標籤中新增乙個style是屬性,屬性值就是設定的樣式 2.內接引入 在head標籤中新增乙個style標籤,在標籤內寫要設定的樣式 ...