常德网站建设详细策划,宣传册设计与制作模板,cdn网站加速原理,当涂 微网站开发公司CSS选择器命名及常用命名规范的命名也是Web标准中的重要一项#xff0c;标准的命名可以使代码更加易读#xff0c;而且利于搜索引擎搜索#xff0c;比如定义了两个div#xff0c;一个id命名为“div1”#xff0c;另外一个命名为“News”#xff0c;肯定第二个比较易读标准的命名可以使代码更加易读而且利于搜索引擎搜索比如定义了两个div一个id命名为“div1”另外一个命名为“News”肯定第二个比较易读而且搜索引擎抓取率要高在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名语义化命名 说个题外话规范化命名的代码会显着你更加专业 关于CSS命名法和其他的程序命名差不多主要有三种骆驼命名法帕斯卡命名法匈牙利命名法。看他们的名字挺不好理解的不要被吓到了其实很容易不信的话继续往下看~【骆驼命名法】 说到骆驼大家肯定会想到它那明显的特征背部的隆起一高一低的我们的命名也要这样一高一低怎么才能这样就用大小写字母呗~大写的英文就相当于骆驼背部的凸起小写的就是凹下去的地方了但是这个也是有规则的就是第一个字母要小写后面的词的第一个字母就要用大写如下 #headerBlock 复制代码 第一个单词header的第一个字母h用小写第二个单词block的第一个字母用大写B如果第二个单词后面还有单词呢那就是下面这种情况 .navMenuRedButton 复制代码 第一个单词nav的第一个字母n用小写第二个单词menu的第一个字母用大写M第三个单词red的第一个字母也用大写R第四个单词button的第一个字母还是用大写B同样后面所有单词的首字母都要大写。【帕斯卡命名法】 这种命名法同样也是大小写字母混编而成和骆驼命名法很像只有一点区别就是首字母要大写如下 #HeaderBlock 复制代码 和骆驼命名法只有一点区别就是所有单词的首字母都要大写当然也包括第一个单词header的首字母h了也要大写。 .NavMenuRedButton 复制代码 如果有多个也是全部单词的首字母均要大写。题外话如果说“骆驼命名法”是单峰驼的话那么“帕斯卡命名法”就是双峰驼了~【匈牙利命名法】匈牙利命名法是需要在名称前面加上一个或多个小写字母作为前缀来让名称更加好认更容易理解比如 #head_navigation 复制代码 .red_navMenuButton 复制代码 以上三种前两种骆驼命名法、帕斯卡命名法在命名CSS选择器的时候比较常用当然这三种命名法可以混合使用只需要遵守有一个原则“容易理解方便协同工作”就OK了或者说“即使不懂代码的人看了代码也知道这块起什么作用”没有必要强调是哪种命名法根据个人喜好使用就行。 以下为页面模块的常用命名 头header 内容content/container 尾footer 导航nav 侧栏sidebar 栏目column 页面外围控制整体布局宽度wrapper 左右中left right center 登录条loginbar 标志logo 广告banner 页面主体main 热点hot 新闻news 下载download 子导航subnav 菜单menu 子菜单submenu 搜索search 友情链接friendlink 页脚footer 版权copyright 滚动scroll 小技巧tips 到这节课都是CSS比较基础的知识为了照顾没有一点基础的同学从下节课开始在“基础四”“基础五”将介绍CSS布局页面中的很重要的两个概念 1盒子模型 2内联元素VS块状元素 强调这两块内容要求大家一定要理解透彻不然会对后面的实战练习有影响比如做出来的页面错位就是因为对这两块的内容理解不够导致的。转载于:https://www.cnblogs.com/suqifeng/p/3813801.html
