css檔案在建立檔案，一定要有css字尾名
1、行內樣式表
"樣式名：樣式值;"
>
2、頁面內樣式
以上三種的優先順序關係：行內》頁面內》外部樣式表
字型
color
:red;
/*字型顏色：紅色*/
font-weight
:bold;
/*字型加粗 bold/bolder */
font-style
: italic;
/*字型傾斜*/
font-size
:19px;
/*字型大小：19畫素；*/
font-family
:宋體；/*宋體*/
font
:19px 宋體;
/*字型大小 字型*/
顏色是由乙個十六進製制符號來定義，這個符號由紅色、綠色、藍色的值組成rgb
例如：red #ff0000 #f00 rgb(255,0,0)
#000000 黑色
#ffffff / #fff白色
#ff0000/ #f00 紅色
#00ff00 /#0f0 綠色
#0000ff / #00f藍色
#aaa #999 #666 灰色
文字
text-align
:center;
/*文字居中*/
/*left/center/right/justify 左/中/右/兩端對齊*/
text-decoration
: underline/none;
/*下劃線/去掉下劃線*/
text-transform
:uppercase/lowercase/capitalize /*全部大寫/全部小寫/首字母大寫*/
text-indent
:2em;
/*首行縮排兩個字元*/
background
:背景顏色 背景 背景是否重複 背景定位位置
/* 背景 url("路徑")
是否重複 repeat/no-repeat/repeat-x/repeat-y 重複/不重複/水平重複/垂直重複
背景定位位置 left/center/right 水平左中右 top/center/bottom 垂直上中下 */
background-size
:精確畫素/百分比 /em/rem /*背景大小控制*/
background-attachment
: scroll;
/*背景固定定位 scroll滾動 fixed固定*/
width
:400px;
/*寬度*/
height
:300px;
/*高度*/
background url("../路徑")border
:solid 1px #000;
/*邊框線 ：實線 線粗細 線顏色*/
/*線型：solid 實線 double 雙線 dotted 點狀線 dashed 虛線 none無邊框線*/
border-radius
:5px /*圓角邊框*/
none: 預設無邊框
dotted: 定義乙個點線框
dashed: 定義乙個虛線框
solid: 定義實線邊界
double: 定義兩個邊界。 兩個邊界的寬度和border-width的值相同
groove: 定義3d溝槽邊界。效果取決於邊界的顏色值
ridge: 定義3d脊邊界。效果取決於邊界的顏色值
inset:定義乙個3d的嵌入邊框。效果取決於邊界的顏色值
outset: 定義乙個3d突出邊框。 效果取決於邊界的顏色值
填充padding
padding-top
padding-left
padding-right
padding-bottom
簡寫：padding:值
padding:a； ---------------------------- 乙個值表示四邊相同的填充
padding:a b; ---------------------------- 兩個值表示上下是a，左右b
padding:a b c; -------------------------- 三個值表示上是a,左右是b,下是c
padding:a b c d;-------------------------四個值表示：上，右，下，左
邊距margin（與padding類似）
margin-top
margin-left
margin-right
margin-bottom
簡寫：margin:值
margin:a 乙個值表示四邊相同的填充
margin:a b; 兩個值表示上下是a，左右是b
margin:a b c; 三個值表示上是a,左右是b,下是c
margin:a b c d; 四個值表示：上，右，下，左
列表
list-style-type 列表樣式
list-style-image 列表
list-style
CSS學習筆記一
css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制，屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生，例如 menubar p 這個方法主...
css學習筆記（一）
1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...
CSS學習筆記 一
什麼是文件流？對乙個網頁而言，body 元素下的任意元素，根據其前後順序，組成乙個個上下關係，這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。什麼是浮動？float具有屬性值 left right none 當設定了 float 屬性後，浮動元素會被移...