css做样式,Html专注做结构
<style><×yle>写在<head></head>标签中
css规则有两个主要的组成部分构成:选择器一级一条或多条声明 例:<p> {color: red; }属性值前面,冒号后面保留一个空格;选择器和大括号之间保留空格
1.基础选择器
1).标签选择器:把某一类标签全部选择出来,比如<div><span>
2).类选择器:例:.red{color: red;}
多类名使用方式:例:<div class="red font20">亚瑟</div>
多类名开发中的使用场景:
1.把一些标签元素相同的样式(共同的部分)放在一个类里 2.这些标签可以调用公共的类,也可以调用自己独有的类
html font标签 语法
作用:规定文本的字体、字体尺寸、字体颜色。
说明:请使用样式(代替 <font>)来定义文本的字体、字体颜色、字体尺寸。<font>标签常用的属性有:color(文本颜色)、size(文本大小)、face(文本字体)等
3).id选择器
语法:#id名{
属性1:属性值1;
...
}
id选择器只能调用一次,别人切勿使用。
id选择器和类选择器的区别:
类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。(可以被调用多次)
id选择器好比人的身份证号码,全中国是唯一的,不得重复(只能被调用一次)
类选择器在修改样式中使用最多
4).通配符选择器
通配符选择器用*定义,会给所有的元素使用样式,特殊情况下才使用
语法: * {
属性1: 属性值1;
...
}
标签选择器:选出所有相同的标签
类选择器:根据需求选出一个或多个标签
id选择器:一次只能选一个
通配符选择器:选择所有标签