初学CSS
CSS语法规范
- 选择器{样式}
- 给谁改样式{改什么样式}
- 写在style标签里
- 健值对形式,分号结尾
color:red;
<style>
p {
color:red;
font-size: 12px;
}
</style>
CSS选择器
-
基础选择器
- 标签选择器
把标签作为选择器,可以对一类标签指定统一的CSS样式
div {color: pink;}
- 类选择器
在标签中加入相同的class值,可以给特定的标签添加css样式
<style> .first { color:red; font-size: 12px; } </style>
<p class="first">sfjshjasc</p> <p class="t">sgdjsdbj</p>
注意:类选择器使用"."来标识
一个标签可以使用多个css样式,通过空格来使用多个
<div class="red font35"></div>
- id选择器
给标有特定id的html元素指定样式
id选择器以"#"来定义,在标签中添加id值
#id名 { 属性值: ; }
注意:只能调用一次
- 通配符选择器
给所有的标签指定样式,用"*"来定义
* { 属性值: ; }
基础选择器 作用 特点 标签选择器 可以选出所有相同的标签 不能差异化选择 类选择器 可以选出一个或多个标签 可以根据需求选择 id选择器 一次只能选择1个标签 id属性只能在每个html文档只出现一次 通配符选择器 选择所有标签 选择太多,有部分不需要 字体属性
属性 定义 font-size 字号大小,px font-family 字体 font-weight 字体粗细,normal(400),bold(700),bolder,lighter font-style 字体风格,斜体 ,italic(斜体),oblique(倾斜) word-wrap 长单此和url地址自动换行 注意:定义粗细的时候尽量用数字,后面不跟单位