这是我参与「第四届青训营 」笔记创作活动的的第6天
1.2.3 id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式。 HTML元素以id属性来设置id选择器,cSS中id选择器以“#”来定义。 语法
#id名{
属性1:属性值1;
例如,将id为nav元素中的内容设置为红色。
#nav {
color:red;
}
注意:
id 属性只能在每个 HTML 文档中出现一次。口诀: 样式#定义,结构id调用,只能调用一次,别人切勿使用 id选择器和类选择器的区别
类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
id选择器好比人的身份证号码,全中国是唯一的,不得重复。
id选择器和类选择器最大的不同在于使用次数上
类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上,经常和JavaScript搭配使用
1.2.4通配符选择器
在CSS中,通配符选择器使用“”定义,它表示选取页面中所有元素(标签)。 语法
f
属性1:属性值1;
}
通配符选择器不需要调用,自动就给所有的元素使用样式 特殊情况才使用,后面讲解使用场景(以下是清除所有的元素标签的内外边距后期讲)
* {
margin: 0; padding:0;
}
1.3 CSS字体属性
CSSFonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。
CSS 使用 font-family,属性定义文本的字体系列。
p{ Eont-family:"微软雅黑";
div {font-family: Arial,"Microsoft yahei","微软雅黑";}
各种字体之间必须使用英文状态下的逗号隔开
一般情况下,如果有空格隔开的多个单词组成的字体加引号
尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示
最常见的几个字体
body{font-family:MicrosoftYaHeitahomaarialHiragino Sans GB:
1.3.1 字体大小
CSS使用 font-size属性定义字体大小。
p{
font-size:20px;
}
px(像素) 大小是我们网页的最常用的单位,谷歌浏览器默认的文字大小为16px
不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明确值大小,不要默认大小。 可以给body指定整个页面文字的大小
1.3.2 字体粗细
CSS使用font-weight属性设置文本字体的粗细。
p{
font-weight: bold;
}
normal 默认值(不加粗的)
bold 定义粗体(加粗的)
100~900 400等同于normal,而700等同于bold 注意这个数字后面不跟单位
学会让加粗标签(比如h和strona等)不加粗,或者其他标签加粗
实际开发时,我们更喜欢用数字表示粗细