html_css_网页布局

9 篇文章 0 订阅

1.css选择符命名规则

        关于CSS命名法,和其他程序命名一样,分为          :驼峰,帕斯卡,匈牙利法

     驼峰命名法:除第一个单词首字母小写外,其余所有单词首字母都大写

     帕斯卡命名法:与驼峰相似,区别就是所有单词首字母都大写

     匈牙利命名法:是需要在名称签名加上一个或多个字母作为前缀

2.公司都有命名规范文档

3.css选择符

选择符的作用?指定css样式作用的对象(范围)

  1. 标签选择符,针对html标签、
  2. Id选择符,针对页面中只出现一次的内容,id
  3. 类选择符,针对某些元素,相同的样式,重复样式

补充:控制所有元素----使用通配符,就是*,作用式给所有的html元素

注意:*的作用范围很广,但是它的效率最低,慎用!!!

  1. 选择符的嵌套----包含选择符

如果我们针对某个元素中的组元素进行控制,可以使用嵌套的方式,不必再为子元素设置id

语法:

父元素 子元素{属性:值}

5.选择符分组(机体控制):将同样的样式定义用于多个选择符,选择符之间用逗号分割,如:p,div,.warning,{属性:}

6.标签指定式选择符:如果既想用idclass,也想同时使用标签选择符

如:h1#content{}表示针对所有idcontenth1标签

       H1.p1{}表示针对所有classp1h1标签

7.组合选择符:将以上选择符进行组合使用

如:

h1.p1,#content h1{}

针对类为p1h1标签和idcontenth1标签进行设置样式.

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值