/* 設定邊框厚度為1px 實線 */
border
: 1px solid;
/* 設定p標籤的高度 */
height
: 100px;
/* 如果行高和高度一致,則文字垂直居中 */
line-height
: 100px;
/* 文字修飾 */
/* 下劃線 */
text-decoration
: underline;
/* 刪除線 */
text-decoration
: line-through;
/* 上劃線 */
text-decoration
: overline;
/* 首行縮排 2em 常用單位是em 表示乙個文字寬度 */
text-indent
: 2em;
/* 設定字型大小和字型 */
font
: 30px "楷體"
;/* 字型顏色為黃色 */
color
: yellow;
/* 邊框厚度2px,實線,藍色 */
border
: 2px solid blue;
/* 文字水平居中 */
text-align
: center;
/* 背景顏色為綠色 */
background-color
: green;
/* 行高100px */
line-height
: 100px;
/* 高度 */
height
: 100px;
/* 文字修飾為下劃線 */
text-decoration
: underline;
/* 新增滑鼠樣式為小手狀 */
cursor
:pointer;
id=「value」 id選擇器 #value{}
* {} 萬用字元選擇器 一般用來取消預設樣式
*
/* 並集選擇器,是對多個標籤設定相同的樣式,用逗號隔開 */
/* 語法 : 選擇器1,選擇器2,.... */
空格 後代選擇器 祖宗標籤 後代標籤{}
屬性選擇器
/* 選擇符[屬性] : 獲取有某個屬性的 */
input[id]
/* 選擇符[屬性="值"] : 獲取某個屬性的值符合條件的 */
input[type="button"][id]
/* 獲取a標籤中,href屬性值是http開頭的 */
/* 獲取a標籤中,href屬性值是以.com結尾的 */
a[href$=".com"]
/* 已訪問 */
a:visited
/* 滑鼠移入 */
a:hover
/* 選定狀態,按著滑鼠不鬆手 */
a:active
/* 對段落設定移入 */
p:hover
width
: 806px;
height
: 1994px;
/* 設定背景顏色 */
background-color
: hotpink;
/* 設定背景 */
background-image
:url(./images/a.png)
;/* 設定是否平鋪 : no-repeat(不平鋪) , repeat(xy都平鋪),repeat-x,repeat-y */
/* background-repeat: repeat; */
background-repeat
: no-repeat;
/* 12px 是x ,也就是距離y軸的距離 , 50px是y,也就是距離x軸的距離 */
/* background-position: 12px 50px; */
/* background-position: 3% 50%; */
/* background-position: top right; */
background-position
: left ;
/* 1 如果是方位名詞,那就沒有先後順序(不考慮xy了)
2 如果只寫乙個方位名詞,另乙個預設居中
3 如果是px,必須是先x後y
*//* 設定固定位置和滾動位置 */
/* background-attachment: fixed; */
background-attachment
: scroll ;
css選擇器，背景漸變
css選擇器 1.標籤選擇器，就是給常用的tag加上樣式 div2.所有元素的選擇器，整個文件內的所有元素都被設上該樣式 3.class選擇器 表示 test 4.id選擇器 表示 hello world world 將變成紅色 5.你還可以用方括號的形式指定其他屬性,如 input type te...
CSS選擇器及背景相關
偽類選擇器 選擇器優先順序 css單位 背景 屬性選擇器的標準語法如下 e attribute e 代表元素 attribute 代表屬性 自定義屬性 只需要在標籤後加上自定義的屬性，例如 中的data code 語法如下 data code style 若自定義屬性內有值則需要在中括號內完整的寫出...
CSS選擇器 標籤，div的位置。
今天是休假，布置了乙個作業，是利用css製作史丹福大學官網。雖然是乙個並不複雜的製作，卻讓我第一次體會到了想摔滑鼠的感覺。遇到了很多問題，卻找不出自己到底是 出了問題，簡簡單單的乙個logo。足足多了快兩天了，都沒有按照自己理想的情況完成，不著圖示位置出了問題，就是放不到該放的位置。乙個放在另個 內...