前端 CSS(二)美化網頁

2022-09-09 17:15:28 字數 2111 閱讀 1355

span標籤

span 和 div 是兩個習慣用來更改字型樣式的

>

span

>

>

div>

>

body

.p1style

>

head

>

>

class

="p1"

>

座落在景區內的湖光山色酒店門前,三五成群的遊客,酒店出來的食者,p

>

>

站在月光下,賞月留影。孩子們穿梭逗樂、姑娘們月下聊天、情侶打情罵俏、男人們談笑風生,好不熱鬧p

>

body

>

>

h1.p1

.p2img, span

style

>

head

>

>

>

故事介紹h1

>

class

="p1"

>

座落在景區內的湖光山色酒店門前,三五成群的遊客,酒店出來的食者,p

>

class

="p2"

>

站在月光下,賞月留影。孩子們穿梭逗樂、姑娘們月下聊天、情侶打情罵俏、男人們談笑風生,好不熱鬧p

>

src=

""alt="

">

>

>

乙隻狗和乙隻貓p

>

span

>

body

>

list-style 的樣式

#n**

.title

ul li

a/* 滑鼠碰到的時候,變顏色 */

a:hover

效果圖:

就是用 作為背景

乙個變漸色的**,把顏色調好,直接複製貼上過去就行

>

/* 邊框的顏色 */

div.div1

.div2

.div3

h1style

>

head

>

>

class

="div1"

>

>

哈哈h1

>

div>

class

="div2"

>

div>

class

="div3"

>

div>

body

>

效果圖:

主要的幾個屬性:

邊框

5.1邊框的使用

#box

>

body

style

>

>

class

=>

>

使用者名稱:span

>

type

="text"

>

div>

body

>

效果圖:

5.2外邊距

外邊距的乙個妙用就是讓圖居中

(上下邊距為0,左右居中)

效果圖:

基礎東西就先寫這些吧,最後用的時候,還是要用一些執行緒的框架,盡量不要自己寫!

CSS美化網頁元素

一.span標籤 能讓某幾個文字或者某個詞語凸顯出來 今天是11月份的第一天,地鐵卡不打折了 二.字型風格 font family 字型型別 font size 字型大小 font style 字型風格 font weight 字型粗細 font 風格 粗細 大小 型別 三.文字樣式 color 設...

CSS 網頁的樣式美化

內部樣式表 不用通過引入css檔案來設定樣式,直接在head的 style 雙標籤中設定。內聯樣式表 行內樣式 在html中,直接將樣式屬性寫在標籤上,優先順序高於其它所有方式設定的樣式,加了 important的除外。外部樣式表 通過引入外部css檔案設定樣式,引入方式有兩種,一種是通過link標...

用CSS美化你的網頁

現在我們設計網頁已經離不開css,使用css可以美化我們的網頁,這已經是大家所共知的了!css是 cascading style sheets 的縮寫,譯為樣式表。html允許我們利用css來實現風格的顯示,舉個簡單的例子 我們可以使用標籤來使頁面的字型加粗。如 網頁教學網加粗字型顯示 如果你使我們...