css的各种选择器和css语法规范

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里面

标签选择器:
(可以选出所有相同的标签来进行修改样式)
前面写上标签+{ 里面写上修改样式的数值}

类选择器:
(可以选出一个或者多个标签)
.+名字 {修改样式的数值}

在标签里面加上class=“名字”
  • 奥特曼
  • 芭比娃娃
  • 哆啦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是行距

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页