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...