html_css_网页布局

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标签进行设置样式.

 

猜你喜欢

转载自blog.csdn.net/jss19940414/article/details/84997008