CSS3學(xué)習(xí)ing

CSS3樣式。

1. 邊框

1.1 圓角效果:
  border-radius: 10px /* 所有角都使用半徑為10px的圓角 /
  border-radius: 5px 4px 3px 2px; /
四個半徑值分別是左上角阻肿、右上角纸泄、右下角和左下角琴庵,順時針 */
1.2邊框陰影:
  box-shadow:x軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴(kuò)展半徑] [陰影顏色] [投影方式]
1.3為邊框應(yīng)用圖片: 
  border-image:url(xxx.jpg) 70 70 70 repeat

img
img

2. 顏色

2.1顏色:
  color:rgba(R,G,B,A)
2.2顏色漸變:
  background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

  
img
img

3.文字與字體:

3.1 text-overflow

  
img
img

  (須定義強(qiáng)制文本在一行內(nèi)顯示(white-space:nowrap)及溢出內(nèi)容為隱藏(overflow:hidden)伤溉,只有這樣才能實現(xiàn)溢出文本顯示省略號的效果)

3.2 word-wrap
  文本行為,當(dāng)前行超過指定容器的邊界時是否斷開轉(zhuǎn)行束倍。

  
img
img

3.3嵌入字體
  @font-face {
  font-family : 字體名稱;
  src : 字體文件在服務(wù)器上的相對或絕對路徑;

   }
3.4 文本陰影
  text-shadow: X-Offset Y-Offset blur color;

4.背景

background-origin:border-box | padding-box | content-box;
  background-clip: border-box | padding-box | content-box | no-clip
  background-size: auto | <長度值> | <百分比> | cover | contain
  multiple backgrounds

5.選擇器

注意事項:
border-width 不支持百分比被丧。默認(rèn)3px。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末绪妹,一起剝皮案震驚了整個濱河市甥桂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌邮旷,老刑警劉巖黄选,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異廊移,居然都是意外死亡糕簿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進(jìn)店門狡孔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蜂嗽,你說我怎么就攤上這事苗膝。” “怎么了植旧?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵辱揭,是天一觀的道長。 經(jīng)常有香客問我病附,道長问窃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任完沪,我火速辦了婚禮域庇,結(jié)果婚禮上嵌戈,老公的妹妹穿的比我還像新娘。我一直安慰自己听皿,他們只是感情好熟呛,可當(dāng)我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著尉姨,像睡著了一般庵朝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上又厉,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天九府,我揣著相機(jī)與錄音,去河邊找鬼覆致。 笑死侄旬,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的篷朵。 我是一名探鬼主播勾怒,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼声旺!你這毒婦竟也來了笔链?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤腮猖,失蹤者是張志新(化名)和其女友劉穎鉴扫,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體澈缺,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡坪创,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了姐赡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片莱预。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖项滑,靈堂內(nèi)的尸體忽然破棺而出依沮,到底是詐尸還是另有隱情,我是刑警寧澤枪狂,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布危喉,位于F島的核電站,受9級特大地震影響州疾,放射性物質(zhì)發(fā)生泄漏辜限。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一严蓖、第九天 我趴在偏房一處隱蔽的房頂上張望薄嫡。 院中可真熱鬧氧急,春花似錦、人聲如沸岂座。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽费什。三九已至钾恢,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸳址,已是汗流浹背瘩蚪。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留稿黍,地道東北人疹瘦。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像巡球,于是被迫代替她去往敵國和親言沐。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1酣栈、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,633評論 0 7
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color险胰,font,text-align矿筝,li...
    wzhiq896閱讀 1,753評論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color起便,font,text-align窖维,li...
    love2013閱讀 2,314評論 0 11
  • 1榆综、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素铸史?現(xiàn)在鼻疮,利用CSS3的Transform,...
    kiddings閱讀 3,164評論 0 11
  • Perl 6 支持"泛型, roles 和 多重分發(fā)", 它們都是很好的特點, 并且已經(jīng)在其它 advent ca...
    焉知非魚閱讀 179評論 0 0