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是行距

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值