今天小编给大家分享一下如何构造CSS层叠样式表的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
你应该组织你的样式表以致相关的内容靠在一起,更简单的找到想要的。使用更有效的注 解。举个例子,这是我如何构造我的层叠样式表:
/*****Reset*****/
移除元素的填充(padding)和边距(margin)。
/*****Basic?Elements*****/
定义基本元素的样式:?body,?h2-h7,?ul,?ol,?a,?p,?等.
/*****Generic?Classes*****/
定义简单的风格,好像浮动的某一侧,?移除元素的下边距,?等当然,它们大部分都与我们希望的语义 不相关,但是它们是高效处理代码所必须的。
/*****Basic?Layout*****/
定义基本的模板:?header,?footer等.?帮助定义网页布局的基本元素
/*****Header*****/
定义所有Hearder元素
/*****Content*****/
定义所有内容框内的元素
/*****Footer*****/
定义所有Footer的元素
/*****Etc*****/
定义其他的选择器。通过注解和归类相似元素的分组,将更快的找到你想要的。
以上就是“如何构造CSS层叠样式表”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。