CSS基礎知識總結

1、使用css

css中除了在標籤中編碼選擇器外，也可以在html本身的標籤中使用屬性來設定css格式。

基本原則是就近原則；因此在書寫是一般講外部式放在最前；

在有相同權值的情況下，優先順序是內聯式》嵌入式》外部式。

1.id選擇器只能在文件中使用一次。

2.可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式，但id選擇器不能。

5、css的其他選擇器

6、css的文字排版

字型：font-family:」microsoft yahei」;

字型大小：font-size；

顏色：color；

粗體：font-weight:bold；

斜體：font-style:italic / normal / oblique / inherit；

1)邊框

border-width；border-style:dashed、dotted、solid；border-color；

可以分別設定邊框的上下左右；

2)高度和寬度

高度使用height、寬度使用width；盒模型的寬度等於margin+border+padding+width；margin、padding的定位順序是上、右、下、左

1）流動模型

預設的網頁布局模型；塊狀元素從上到下垂直排列、內聯元素從左到右水平排列；

2）浮動模型float

使多個塊狀元素可以併排顯示

3)層布局

類似於圖層一樣，position:absolute、relative、fixed

絕對定位：使用left、right、top、bottom實現相對于父包含塊的偏移

相對定位：相對於以前位置的偏移，但偏移前的位置保留不動

固定定位：固定在視窗某一位置不變，不會隨滾動條的拖動而變化

1.文字、的水平居中：text-align：center；

2.塊狀元素的居中需要將margin的left、right值設定為auto

3.不定寬塊狀元素的居中方法：

1）使用table標籤；

2）設定display：inline；

3）設定position：relative、left：50%和float：left（父元素）；子元素設定為position：relative和left：-50%

4.垂直居中

1）父元素高度確定的單行文字垂直居中：將height和line-height設定為同樣高度即可 。（垂直居中指的是內容到元素頂部和底部的距離相同）

2）父元素高度確定的多行文字垂直居中：插入table（包括tbody、tr、td），並設定vertical-align：middle；或者使用display：table-cell與vertical-align：middle；

5.隱式改變display型別

當為元素設定display：absolute或者float：left、float：right時，display會隱式轉化為inline-block，此時可以設定元素的width和height。

css基礎知識總結

一.權重的比較 1.元素被選中 id選擇器 類選擇器 標籤選擇器 2.元素未選中 誰離目標近選誰 二.元素的居中 1.居中 文字居中 水平居中 單行 多行 屬性 text align center 垂直居中 單行文字 line height height 設定行高等於個高 多行文字 不設定高度，同時...

CSS基礎知識點總結

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

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...