css就是在style中編寫樣式，有三種寫法：
1、在body中的標籤中設定style屬性，再在style中設定樣式
<div
style
="background-color: #0e84b5;height: 48px"
>自強不息
div> #設定塊級標籤div背景色和高度
2、在head中寫上style標籤，並在其中設定樣式
（1）id選擇器，#id值 或 #id值1，#id值2，#id值3 #少用
（2）class選擇器，可重複，.class值
（3）標籤選擇器，如div 設定所有的div標籤樣式
（4）層級選擇器，如div span #設定最底層標籤的樣式
（5）組合選擇器，使用 ，即逗號分割選擇器 #各選擇器都設定樣式
（6）屬性選擇器，選擇器[ 屬性=屬性值 ] #屬性也可自定義
注意：class可以設定多個屬性，用空格隔開；樣式優先順序，變遷上的style第一，越靠近標籤越優先
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
#i1,#i2,#i3
.aaa
div span
input[type='text']
style
>
head
>
<
body
>
<
div
style
="background-color: black;height: 40px;"
>樣式在標籤中
div>
<
div
id="i1"
>選擇id設定樣式
div>
<
div
id="i2"
>2
div>
<
h2 id
="i3"
>3
h2>
<
div
class
="aaa"
>選擇class設定樣式
div> #class中可以寫多個如class=「aa bb」
<
div
class
="aaa"
>2 <
span
>層級選擇器
span
> 3
div>
<
h2 class
="aaa"
>3
h2>
<
input
type
="text"
name
="eee"
>
body
>
html
>
3、建立css檔案，在html檔案中引入
ys.css 注意：不用寫style了
#i1,#i2,#i3.aaadiv spaninput[type='text']
html檔案
<head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
link
rel="stylesheet"
href
="ys.css"
> #引入
head
>
常用樣式：
邊框border、高、寬、字型、居中
<div
style
="border: 1px solid red"
>border是邊框，邊框線寬1畫素，實體，紅色
div>
<div
style
="height: 40px;
width: 100%;
border: 1px dotted blue;
font-size: 20px;
text-align: center;
line-height: 40px;
font-weight: 300"
>
高度40px，此時高度無限不用%；寬200px或80%，佔總寬80%；邊框虛線；字型大小；水平居中;
豎直居中；字型加粗程度或寫bold加粗
div>
CSS常用 選擇器及樣式
本章僅僅只是對css的乙個彙總，方便查詢使用 css 指層疊樣式表 cascading style sheets 他的作用是為了顯示html元素，優點在於讓定義樣式更加簡單，讓網頁的內容和表現分離，使多個樣式可以層疊使用。css的使用格式是選擇器 宣告 selector p在這裡臨時插入css的三個...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...
CSS樣式選擇器
樣式選擇器 每一條css樣式宣告 定義 由兩部分組成，形式如下 選擇器類選擇器 以英文圓點開頭，不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類，如下 膽小如鼠 2.設定類選擇器css樣式，如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...