CSS编写位置
内联样式,行内样式
在标签内部通过style属性来设置元素样式
示例:
1 | <p style="color:red;">内容</p> |
内部样式表
将样式编写到head中的style标签中,通过CSS的选择器来选中元素并为其选择各种样式
示例:
1 2 3 4 5 | <style> p{ color:red; } </style> |
外部样式表
可以将CSS样式编写到一个外部的CSS文件中,然后通过link标签来引入外部的CSS文件
建立一个外部的*.CSS的文件,让后将样式写入进去,不需要style标签,需要使用的文件使用link标签引用
示例:
1 | <link rel="stylesheet" href="css文件的路径"> |
最推荐使用外联样式表,浏览器加载时会将第一个加载网页的css文件放入缓存中,当服务器加载第二个网页时可以使用相同的css文件,节省加载时间