HTML 層疊樣式表

2021-08-17 17:27:51 字數 2183 閱讀 2535

-塊級元素 獨佔一整行例如

-行級元素 排滿一行才會去下一行

-可以使用將行級元素變成塊級元素,可以劃分邏輯區域

- 表示乙個空格,如果需要很多空格就多加幾個  轉義字元也叫實體替換符

-《表< >表》 如果想要在網頁上輸出這兩個字元需要這樣寫

-內部視窗 可以在自己視窗中巢狀別的視窗

lang="en">

charset="utf-8">

documenttitle>

head>

src=""

width="400"

height="300"

scrolling="no"

frameborder="no">

iframe>

body>

html>

lang="en">

charset="utf-8">

documenttitle>

type="text/css">

因為這裡面是** */

@font-face

/* h1 標籤選擇器,對所有h1標籤都會生效 */

/*id選擇器,只對應相應id做改變*/

/*class選擇器,.foo來渲染 ,下面的標籤屬性中class="foo"*/

#s .foo

.bar

/* : first-letter第乙個字母大寫*/

p:first-line

style>

head>

id="s"

class="foo bar">hello, 世界h1>

the study, conducted by dr. sevag kertechian of paris-matters

phys.org.p>

我是紅色的h1>

body>

html>

提示一般情況下,首頁採用內部樣式表,首頁需要的是快速的訪問,其他頁面選用外部樣式表,這樣可以重複的使用樣式表,實現樣式表的復用外部樣式表用將外部的樣式表匯入進來。

@font-face * 

h1/*+表示毗鄰的兄弟的關係*/

h1+p

/*~表兄弟關係*/

/*h1~p*/

/*大於號表示a是p直接的兒子

p>a*/

/* 空格表示父子關係

/p a

/*偽類*/

/*沒點*/

a:link

/*點過*/

a:visited

/*a:link, a:visited{}和上面效果是一樣的,注意一定要加『,』,

有逗號是並列關係, 沒有逗號是父子關係*/

/*點上不鬆*/

a:active

/*只有在這個menu類下面的li才渲染*/

.menu

li.addim

li.photo

charset="utf-8" />

name="description"

content=""/>

wxztitle>

rel="stylesheet"

type="text/css"

href="css/style.css"/>

head>

hello,world!

h1>

第乙個段落標籤p>

第二個段落標籤p>

第三個段落標籤p>

div>

src="img/日向雛田.ico"/>

src="img/鳴人天氣.ico"/>

class="photo"

src="img/one-year.gif"/ >

class="menu">

item 1li>

item 2li>

item 3li>

ul>

class="addim">

item 1li>

item 2li>

item 3li>

ul>

body>

html>

層疊樣式表

簡介 1.什麼是css?層疊樣式表 cascading style sheet 2.有什麼用?html是頁面的骨架,而css就是對頁面骨架內容的修飾 3.為什麼要使用?樣式和內容寫在一起,會顯得非常臃腫,使用css可以將樣式單獨抽出來,可以提高開發效率 css提供很多html屬性無法替代的顯示效果 ...

層疊樣式表

網頁實際上是乙個多層的結構,通過css可以分別為網頁的每一層設定樣式,而最終我們看到的只有最上面一層。總之css就是用來涉惡之網頁中元素的樣式 在標籤內部通過style設定元素的樣式 存在的問題 使用內聯樣式,樣式只能對乙個標籤生效,如果希望影象到多個元素,則必須在每個元素中都複製一遍,並且,當樣式...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...