CSS 继承、层叠、特殊性、格式化排版

继承、特殊性,层叠,重要性的区分。

  • 继承是指标签的样式可以由子代继承,但有些标签是不能继承的,eg:border。
  • 特殊性指用用权重来确定最后起作用的样式,id=100,class=10,标签=1,继承=0.1;
  • 层叠指当权重相同时,后面的样式覆盖前面的样式。
  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。
    p{color:red**!important**;}
    注意:!important要写在分号的前面

文字排版
body{font-family:"宋体”;} 但是并非body 里面所有的字字体都会改变,button、input 等就不会,需要单独设置 body{font-size:12px;color:#666}字体字号颜色 p span{font-weight:bold;}粗体 p a{font-style:italic;}:斜体 p a{text-decoration:underline;} 下划线 p a{text-decoration:line-through;} 删除线 p {text-indent:2em;} 缩紧两个字空白 p {line-height:1.5em;} 行高 p {letter-spacing:50px;}中文字间隔、字母间隔(英文是字母与字面的间隔) p {word-spacing:50px;}英文单词之间的间隔,中文无用 p {text-align:center;}段落排版:对齐(center、left、right)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,094评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 一、继承 概念:CSS的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且...
    sophies阅读 295评论 0 0
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,315评论 0 5
  • 我挺苦恼的,我也没干过什么脏活累活,但洗澡的时候,总是能搓出很多泥。每次总要花一些时间搓泥,看见搓下来的泥,感觉自...
    慧心读书笔记阅读 798评论 0 3