本文共 1026 字，大约阅读时间需要 3 分钟。
一.使用内联样式:
所谓的内联样式，就是将css代码写入标签之内，代码如下:
| 1 | < div style = "font-size:12px" >蚂蚁部落</ div > |
上面的代码可以将字体大小设置为12px。
二.使用内部样式表:
内部样式表就是将css代码单独写在style标签之内，而不是直接写在要设置样式的元素标签之内。
通常style标签会发在head标签之内。
代码如下:
| 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 | <!DOCTYPE html> < html > < head > < meta charset = " utf-8" > < meta name = "author" content = "" /> < title >蚂蚁部落</ title > < style type = "text/css" > div{ font-size:12px; color:red; } </ style > </ head > < body > < div >蚂蚁部落</ div > </ body > </ html > |
以上代码可以div的字体大小设置为12px，字体颜色设置为红色。
三.引入外部样式表:
更多的时候，我们通常将css代码单独放入一个css文件中，然后通过link标签将其引入.
link标签通常放在head标签之内。
代码如下:
| 01 02 03 04 05 06 07 08 09 10 11 12 | <!DOCTYPE html> < html > < head > < meta charset = " utf-8" > < meta name = "author" content = "" /> < title >蚂蚁部落</ title > < link rel = "stylesheet" href = "style.css" type = "text/css" > </ head > < body > < div >蚂蚁部落</ div > </ body > </ html > |
原文发布时间为：2017-2-13
本文作者：admin
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
原文链接：
转载地址：http://ppujl.baihongyu.com/