web前端--CSS篇

CSS

CSS样式
内联：在标签的style属性中添加样式代码，弊端：不能复用
内部：在head标签里面添加style标签，在标签内部写样式代码，弊端：只能在当前页面复用；
外部：在单独的css文件里写样式代码，在html页面中通过link标签引入，可以实现多页面复用；

<#html>
<#head>
<#meta charset=“UTF-8”>
<#title>CSS
<#style type=“text/css”>
/* 给所有H4添加颜色 */
h4{
color: blue;
}
<#/style>

<#link rel=“StyleSheet” href=“first.css”>

<#/head>
<#body>

<#h3 style=“color: red”>内联样式测试1<#/h3>
<#h3>内联样式测试2<#/h3>

<#h4>内部样式测试1<#/h4>
<#h4>内部样式测试2<#/h4>
<#h4>内部样式测试3<#/h4>

<#h5>外部样式测试1<#/h5>
<#h5>外部样式测试2<#/h5>
<#h5>外部样式测试3<#/h5>

<#/body>
<#/html>

选择器：

标签名选择器
id选择器
类选择器
属性选择器
分组选择器