width設置元素(標簽)的寬度，如：width:100px;

height設置元素(標簽)的高度，如：height:200px;

background設置元素背景色或者背景圖片，如：background:gold; 設置元素背景色為金色

畫圖演示 邊框內邊距,外邊距

?

border設置元素四周的邊框，如：border:1px solid black; 設置元素四周邊框是1像素寬的黑色實線

邊框屬性可以分四個方向

border-top:1pxsolid red 實線

border-left:1pxdash green 虛線

border-right:1pxpoint yellow 圓點

border-bottom:1pxdouble blue 雙邊框

?

padding:內邊距-設置元素包含的內容和元素邊框的距離

padding-top

padding-right

padding-left

padding-bottom

連寫: padding: 上 右 下 左 按照順時針的方向

padding:10px四周都是10px

padding:10px20px 上下是10px,左右是20px

padding:10px20px 30px 上10px 左右20px 下30px

?

margin:外邊距,設置元素與外界的距離

屬性:margin - top

屬性聯寫:margin:topright ;與padding屬性聯寫設置方向一樣

margin：50px auto 0px 注：上50px 左右自動

?

float:設置元素浮動,浮動可以讓塊元素排列在一行，浮動分為左浮動：float:left; 右浮動：float:right;

?

文本常用樣式屬性:

color設置文字的顏色，如： color:red;

font-size設置文字的大小，如：font-size:12px;

font-family設置文字的字體，如：font-family:'微軟雅黑';為了避免中文字不兼容，一般寫成：font-family:'Microsoft Yahei';

font-weight設置文字是否加粗，如：font-weight:bold; 設置加粗 font-weight:normal 設置不加粗

line-height設置文字的行高，如：line-height:24px; 表示文字高度加上文字上下的間距是24px，也就是每一行占有的高度是24px

text-decoration 設置文字的下劃線，如：text-decoration:none; 將文字下劃線去掉

font-family:字體1.漢字:黑體 宋體 2.英文:SimHei SimSun 3.Unicode編碼

?

?

樣式中的注釋

com+/contrl+shift+/

/* 設置頭部的樣式*/
.header{
width:960px;
height:80px;
background:gold;
}

總結

以上是生活随笔為你收集整理的CSS_属性入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。