如何构造CSS层叠样式表

发布时间:2022-03-02 15:52:48 作者:iii
来源:亿速云 阅读:121

今天小编给大家分享一下如何构造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层叠样式表”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

推荐阅读:
  1. CSS 指层叠样式表 (Cascading Style Sheets)
  2. CSS层叠样式表

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:怎么用CSS样式解决文字过长显示省略号问题

下一篇:CSS中怎么用display实现水平垂直居中

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》