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 所有的內聯元素都從左到右水平分布顯示 那麼問題來了,如果我們想...