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是乙個復合屬性
通常使用
4. 外填充區域:margin.box
表示外邊距,盒子與盒子之間的距離,是邊框之外的間隔。
margin有重疊問題.box
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標籤,在標籤內寫要設定的樣式 ...