CSS基礎複習(續)

2021-07-22 16:13:31 字數 3375 閱讀 4628

border 與

box  

邊線,盒子模型

border屬性:用來設定元素的邊框

(塊級元素有邊線)

四邊設定

border:width值

style

值 color值;

單邊設定

border-left:width

p,段落也是塊級

四邊設定  border p

border 加冒號多粗

,然後空格 虛線還是實線 實線是

solid

,然後空格顏色。

單邊設定border

有些時候標題會加上邊框,左邊是乙個比較寬的邊,然後下面是乙個比較窄的邊框。。

h1就在標題的左面加了乙個框框,因為很粗是5px

的,所以像乙個實心的塊塊,在左面

然後下面是乙個2px

厚的線。

也就是說,不是直接進行四邊設定,而是單獨的對某一邊進行設定。

rgb 調顏色,每乙個都是從

0-255

的rgb(10,20,30 ) 就代表乙個顏色  用

10進製表示

rgb( 20%,30%,50% )            用百分比表示

每一位用16

進製表示  十六進製制表示 以#

號開頭,前兩位 紅色,中間兩位綠色,後兩位藍色

背景色

background-color

背景background-image:url(『 』);

#qwe

預設情況下,背景在水平和垂直方向上重複出現,建立一種 牆紙的效果。

background-repeat 屬性可以控制背景的平鋪效果

取值:repeat: 在垂直方向和水平方向重複,為重複值

repeat-x : 僅在水平方向重複

repeat-y:僅在垂直方向重複

no-repeat: 僅顯示一次

background-position 屬性用於改變背景在元素中的位置。

background-position:center;  居中

預設情況下,背景會隨著頁面的滾動而移動。

可以通過background-aattachment

屬性改變此特徵

預設值是scroll :

背景會隨著文件滾動。

可取值為fixed :

背景影象固定,並不會隨著頁面的其餘部分滾動,長用於實現水印的影象。

例如:body

這個背景就不會隨著滾動條滾動了。

這個是讓背景鋪滿整個螢幕。

background-size:100%;

文字格式化

指定字型:

font-family:value1,value2;

body

字型大小:

font-size:value;

font-sizze:50px

字型加粗:

font-weight

font-weight:bold

控制文字格式:

文字顏色

color:

value;

文字排列

text-aligin left/right/center;

文字修飾

text-decoration:none/underline; 行高

line-height:value(1.6em);

首行文字縮排

text-indent:value(2em);

例子:

text-align:center;   居中。

text-decoration:underline; 效果等同

也是有個下劃線。

text-indent:2em;  首行縮排

2個文字。

line-height:1.6em;  設定行高為

1.6.

預設文字在段落居中,設定文字的行高與p

一樣高。

設定了段落的height

為50px

;那麼設定行高等於段落的高就會讓段落中的文字垂直居中。 p

666的

python

,華山杯

,寫writeup

p a:link

p a:visited

去掉下劃線:

text-decoration:none;

使文字居右

text-align:right;

設定內邊距

padding-right:40px;

外邊距:

margin-right:40px;

在div

中居中,設定行高等於

div的高。

去掉外邊距:

margin:0;

**樣式

**同樣可以使用box

模型,可以設定邊框,內邊距,寬高,以及文字格式屬性。

合併相鄰的邊框

如果設定了單元格的邊框,相鄰單元格的邊框會單獨顯示,類似雙線邊框。

border-collapse屬性:合併相鄰的邊框

設定是否將**邊框合併為單一邊框。

例項:

**:

aabb

ccdd

全選序號

角色職業操作1

唐僧法師

2豬八戒戰士3

孫悟空戰士3沙僧

CSS基礎和布局複習

table布局 div布局優勢 瀏覽器支援完善 表現和結構分離 樣式設計控制功能強大 可以繼承,層疊處理 transitional 鬆散過度型 strict 嚴格型 frameset 比較不常用的,使用框架使用這種模式 xhtml中的所有標籤都是要閉合的比如 但是在html中就不必這樣 即可 css...

複習10 類 續

10.4.4 區域性變數 10.4.4.1 物件的複製 如果t1和t2都是table物件,t2 t1的預設含義就是把t1按成員逐個複製給t2.這種複製方式應用到具有指標成員的物件時,可能會產生意料之外的作用。具體的例子就省略了。使用編譯器生成的預設的拷貝建構函式與此一樣。為了避免這種麻煩,需要顯式定...

2015 12 09複習之CSS 3 基礎

selector 派生選擇器 宜居元素位置及其上下文關係來定義樣式 id選擇器 常常用於簡歷派生選擇器 類選擇器,多類選擇器 class.class eg class p1 p2 p1.p2 屬性選擇器 對帶有指定屬性的html元素設定樣式 屬性和值選擇器 input type button a h...