CSS學習筆記(四)

2021-09-25 16:36:20 字數 2644 閱讀 6085

1.color:文字顏色

color屬性用於定義文字的顏色,其取值方式有如下3種:

(1)預定義的顏色值,如red,green,blue等。

(2)十六進製制,如#ff0000,#ff6600,#29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。

(3)rgb**,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。

>

charset

="utf-8"

>

>

.red

li:nth-child(2)

#rgb

style

>

head

>

>

>

color屬性用於定義文字的顏色,其取值方式有如下3種:h3

>

>

class

="red"

>

預定義的顏色值,如red,green,blue等。li

>

>

※※※※※十六進製制,如#ff0000,#ff6600,#29d794等。十六進製制是最常用的定義顏色的方式li

>

"rgb"

>

rgb**,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。li

>

ol>

body

>

2.line-height:行間距

line-height常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%。

3.text-align:水平對齊方式

屬性值如下:

left:左對齊(預設值)

right:右對齊

center:居中對齊

4.text-indent:首行縮排

屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的百分比%。

行高以及縮排的**如下:

>

charset

="utf-8"

>

>ph3

style

>

head

>

>

>

海賊王的創作背景h3

>

>

尾田榮一郎小時候是看著鳥山明的《龍珠》長大的,那部作品對他影響巨大。當時尾田最大的心願就是能在單行本中看到更多的集數。於是當他自己成為漫畫家以後,堅持要讓《航海王》的單行本分量更足。他小時候還有乙個「打擊」,他曾天真地以為《龍珠》是鳥山明乙個人畫的,但實際上漫畫家都有助手協助。尾田第一次得知這個真相的時候,感覺「受騙了」。這個「打擊」讓他刻骨銘心,所以他成為漫畫家之後竭盡所能不讓孩子們失望。《航海王》畫面中所有動態的部分都是尾田親筆畫的,助手只做一些很簡單的工作。這是極少見的。p

>

>

雖然尾田把這個故事畫了十多年了,但的確從一開始他就想好了結局,這個結局只有幾個主要編輯知道,絕不能透露。不過,雖然結局是已知的,中間的過程卻未知,會有些什麼故事,尾田老師自己也不知道。p

>

>

尾田的煽情功力基本是他自己的,編輯在這點上很少能幫到他。編輯的作用是當乙個讀者,如果編輯沒有被感動,那麼尾田就要重新編他的故事p

>

body

>

5.letter-spacing:字間距

屬性值可為不同單位的數值,允許使用負值,預設為normal。

6.word-spacing:單詞間距

和letter-spacing一樣,其屬性值可為不同單

位的數值,允許使用負值,預設為normal。

>

charset

="utf-8"

>

>

divp

style

>

head

>

>

>

我是熊大 div

>

>

my name is andy p

>

body

>

7.顏色半透明

語法格式:

div 

/*a 是alpha 透明的意思 取值範圍 0~1之間 color: rgba(0,0,0,0.3)*/

8.文字陰影**

語法格式:

text‐shadow:水平位置 垂直位置 模糊距離 陰影顏色;
示例**如下:

>

charset

="utf-8"

>

>

h1style

>

head

>

>

>

你是陰影,我是火影h1

>

body

>

CSS學習筆記(四)

b color darkred align center 背景 align color b color red background color color 背景為透明 transparent 背景顏色與字型color類似 例 color red background image url color...

CSS學習筆記 四

ie與firfox的差異或bug 子元素的上下外邊界問題 ff 在父元素沒有定義高度時 貌似定義了高度也不行 子元素的上下外邊界和父元素上下外邊界疊加,並且顯示在父元素外面。解決方法 給父元素定義內邊距或邊框 雙邊距bug ie ie6或更早的版本有時會把已經應用到浮動元素的乙個邊距尺寸翻倍。只有當...

CSS學習筆記(四) CSS布局

css有三種布局模式 1 流動模式 flow 2 浮動模式 float 3 層模式 layer 流動模式 網頁布局在預設情況下,都是流動模式布局。1 在流動模式下,所有的塊狀元素寬度都為100 即預設情況下,所有的塊狀元素都佔據一行 2 所有的內聯元素都從左到右水平分布顯示 那麼問題來了,如果我們想...