CSS笔记下

1.CSS的特性:

      a. CSS的层叠性:CSS的层叠性,也就是说后来设置的样式会层叠(覆盖)之前的样式,层叠性                                           的前提示CSS的选择器的优先级相同。

       b. CSS的继承性:CSS的继承性是指,子容器的样式会继承父容器的样式。但并不是所有的样                                             式都能继承。只有部分样式能继承,比如:文字相关字体大小、颜色、字体                                           样式、行高、 鼠标样式等。盒子相关的样式都不能继承,比如:宽高、背                                             景色、边距、浮动、绝对定位等。

        c. CSS的优先级:

               1、首先比较行内样式,行内样式优先级最高。如果嵌入样式和行内样式同时设置样式时,                       行内样式优先级最高。

                2、其次是内嵌样式的优先级比较:

                     内嵌样式的,ID选择器对应的样式优先级最高;其次是Class样式;再次是标签选择器样                      式,再次是通配符选择器设置的样式;后面是继承的样式,最后是浏览器默认的样式。

2. display:

display可以控制标签的显示模式。

display:none | inline | block | inline-block

继承性:无

display值的解释:

none:此元素不被显示,在文档中被移除。

block:此元素按块级元素显示:前后带换行符,自己占一行。内联元素 → 块元素

inline:此元素按内联元素显示:1个挨着1个。块元素 → 内联元素

inline-block:按行内标签进行排版,但是可以设置宽高,而且高度可以影响行高

3. 颜色表示:

rgb:红绿蓝三种颜色;rgb(33,235,245)

rgba:a表示透明度;

十六进制:#fff;

4. 网页中的长度单位:

px:像素点,像素就是显示器显示的一个点。

em:1em 等于当前的字体大小,例如:当前元素的字体大小为16px,那么1em = 16px。

5. 字体:

font-size:字体大小

font-family:设置字体

字符间距:letter-spacing;

单词间距:word-spacing

6. 行高:

行高是两行文本基线的距离。实际上就是:文本的高度+一倍的行距。

7. 首行缩进:text-indent;

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,902评论 0 6
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,654评论 32 459
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,675评论 0 30
  • 近日,有幸参加了Ruby老师的课堂分享,受益颇深。初见自觉的这位老师风趣、幽默,课堂氛围把握的相当之好。 ...
    纵烬阅读 417评论 1 1