CSS的各种选择器:1、元素选择器,如某一类型的标签,H1等;2、类选择器,用“.类名"定义,也可与元素选择器混用,如.font2、h1.kai,使用时class=“kai”;3、id选择器,以#类名进行定义,使用时class=类名;4、通配符选择器,如* {属性1:元素1};5、后代选择器,如div p定义了div标签中的p标签;6、伪链接选择器,如a:link,a:hover等
css语法规范:
分为俩部分,选择器样式和修改样式
style必须写在head里面
标签选择器:
(可以选出所有相同的标签来进行修改样式)
前面写上标签+{ 里面写上修改样式的数值}
类选择器:
(可以选出一个或者多个标签)
.+名字 {修改样式的数值}
- 奥特曼
- 芭比娃娃
- 哆啦A梦
- 名侦探柯南
多类名的使用:
把统一的修改样式集中在一个盒子里,再把不一样的修改样式区分出来
id选择器:
(一次只能选择一个标签,一般后期和js搭配使用)
老张
通配符选择器:
(选择所有的标签)
- 还是我的
css字体属性值
字体系列:
最常用的字体是微软雅黑:“Microsoft yahei”
格式是:font-family:“Microsoft yahei”
字体大小:
默认像素大小是16px,标题标签比较特殊需要单独去设置
格式是:font-size:16px
字体粗细:
不加粗默认值是400,加粗值是700,常用数字来表示粗细
格式是:font-weight:400(默认值不加粗)
文字样式:
默认是normal不倾斜,倾斜值是italic
格式是:font-style:italic
复合属性:
简写的方式,节约代码
格式是:font:font-style font-weight font-size/line-height font-family;
必须严格按照顺序来写,否则代码将不会生效
必须保留字号font-size和字体font-family,其他可以省略,line-height是行距