[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性(Properties)
匹配規則(Selector)是骨,屬性(Properties)是肉!
剛剛提過 CSS 就是由大量的「匹配規則」(Selector,或譯「選擇器」)組成的。每個匹配規則大致都長成這樣:
匹配規則 {
屬性1:屬性值1;
屬性2:屬性值2;
...
}
範例如下:
a {
color: red;
font-size: large;
}
這會匹配 ... 之間的文字,然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了,那麼接下來就是該學 { ... } 之間的屬性了!如果屬性全會,那麼你的 CSS 就學完、沒啦! :-)
我個人會把這些屬性分為下列這幾類:
(1) 文字(Text):字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框(Box)與表格(Table)
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫
我先給大家看篇屬性的簡介,下午再提供每種屬性的細部講解給大家喔!
http://reference.sitepoint.com/css/propertyref
請由左手邊選單點擊您想看的主題,繼續點子選項閱讀即可。
css文字邊框 在 紀老師程式教學網 Facebook 的最佳貼文
[WebTech #57] CSS > 1. 簡介
開始涉入 CSS3 語法的世界!
這篇要分享的有兩篇文章!第一篇講的是「CSS 語法格式」、「套用方法」、「字體設定」。第二篇講的是「選擇器」、「自動折行」、「文字渲染」、「多欄排版」、「邊框與填色」、「漸層」、「陰影」、「多重背景」、「過場動畫」等高級功能。雖然兩篇文章是不同人寫的,但我發現一前一後搭起來,居然合拍極了!所以我就將它們放在一起、提供給大家了!
第一篇:CSS 入門功能(語法、套用、字體)
http://www.ibm.com/developerworks/cn/web/wa-getstartedcss/
第二篇:CSS 進階功能(折行、渲染、多欄、漸層、陰影、動畫...)
http://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/
css文字邊框 在 [問題] CSS 文字邊框設定 - Mo PTT 鄉公所 的推薦與評價
各位好我在練習寫CSS https://codepen.io/tsaisunghao/pen/OYzqvW?editors=1100 我想把那三個文字框框弄有圓角我知道要用border-radiu… ... <看更多>
css文字邊框 在 CSS 实现把文字写在边框上效果 - 小决的专栏 的推薦與評價
在边框上添加文字。 CSS. CSS 样式如下: .wrap{ margin: 100px auto; width ... ... <看更多>