CSS網頁布局基礎知識點

2021-05-07 18:06:48 字數 1038 閱讀 9676

一、可設定的css屬性包括:

字型屬性、文字屬性、顏色及背景屬性、邊框屬性、容器屬性(邊距屬性、填充屬性)、分類屬性、滑鼠屬性。

二、基礎屬性

字型屬性:font-family font-style font-variant font-weight font-size

文字屬性:word-spacing letter-spacing text-decoration vertical-align text-transform

text-align text-indent line-height

顏色背景屬性:color background(background-color background-image background-repeat

background-attachment background-position)

邊框屬性:border(border-top border-right border-bottom border-left)(border-width

border-style border-color)

容器屬性:margin padding width height float clear

分類屬性:display white-space list-style-type list-style-image list-style-position

list-style

滑鼠屬性:auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize

sw-resize s-resize w-resize text wait help

三、css布局

css盒模型的理解對於css布局有很大幫助,每個元素都有乙個元素盒。html布局通常使用div+css,將網頁分為很多方塊,每個方塊和整個總體都可以各用乙個div容納,然後用css對各個div進行布局。常用布局屬性包括:margin padding float clear top right buttom left z-index position。 

CSS基礎知識點

1.css基礎 1.css選擇器 元素選擇器 p id選擇器 p1 類選擇器 pre 2.css注釋 注釋 3.css尺寸 width 寬度height 高度 4.css背景 background color 背景顏色 background image url imagepath 做背景 url b...

CSS基礎知識點總結

一 css的簡介 1 什麼是css 層疊樣式表,css是對html進行樣式修飾語言 層疊 就是層層覆蓋疊加,如果不同的css樣式對同一html標籤進行修飾,樣式有衝突的部分應用優先順序高的,不衝突的部分共同作用 樣式表 就是css屬性樣式的集合 2 css的作用 1 修飾html的 使其html樣式...

CSS基礎知識點記錄

css參考手冊 2.1 內聯 2.2 頁面嵌入 所有input標籤都被設定成該樣式。2.3 外部引用 例如 對於非元素內聯的樣式需要定義樣式選擇器。5.1 標籤選擇器 對於指定的標籤採用統一的樣式 例如 input5.2 class選擇器 定義乙個命名的樣式,然後在用到它的時候設定元素的class屬...