天天看点

CSS简介:初识CSS

  1. CSS在处理HTML元素时都假设它们各自位于一个无形的盒子中,并通过规则来指定元素的外观
  2. CSS规则是由选择器(用于表明规则应用的对象)和声明(用于指定元素的外观)组成的\
  3. 不同类型的选择器允许你将CSS规则应用于各种不同的元素
  4. 声明由两部分组成:所要改变的元素属性,以及这些属性的值。
  5. 尽管CSS规则可以置于HTML页面中,但它们通常出现在单独的文档中
  6. 颜色不仅可以为你的网站注入活力,还能传递情感、引发共鸣
  7. 在CSS可以采用三种方式来指定颜色:RGB值、十六进制编码和颜色名称
  8. 拾色器可以帮你找到所需的颜色
  9. 保证在文本与其背景之间存在足够的对比度是非常重要的(否则人们将无法阅读这些内容)
  10. CSS3为指定RGB颜色的不透明度而引入了一个额外的值,称为RGBA
  11. CSS3还允许你采用HSL值来指定颜色,加上一个可选值来指定不透明度,就称为HSLA
  12. 有些属性可以用来控制字体的类型、大小、粗细、样式和字距
  13. 可以假设大多数人已经安装了某些字体,但这些字体的种类是非常有限的
  14. 如果想扩大字型的选择范围,有几种方法可供选用,但前提是你要取得这些字型的使用许可
  15. 文本的行距、字母间距和单词间距都是可以控制的。文本可以向左对齐、向右对齐、居中显中或者两端对齐。文本还可以缩进显示
  16. 当用户将光标悬停在文本、单击文本或者当一个链接已经被访问过时,可使用伪类来改变这个元素的样式
  17. < div >元素常用作包含元素,以便将页面中的某些部分组合在一起
  18. 除非你指定了相对定位、绝对定位或是固定定位,否则浏览器就会按照普通流显示页面
  19. float属性将内容移到页面的左侧或右侧,还可以用于创建多列式布局(需要为浮动的元素定义宽度)
  20. 页面可以是固定宽度布局,也可以是流体(弹性)布局
  21. 设计人员将页面宽度保持在960~1000像素之间,并在网站顶部的600像素内(使人不滚动页面也可大致了解后面的内容是否与自己相关)表明网站的主题
  22. 网格有助于创建专业并且灵活的设计
  23. CSS框架为常见任务提供规则
  24. 可在一个页面中引用多个CSS文件
  25. 可使用CSS来指定图像的大小。当网站中的多个页面使用相同大小的图像时,这会非常有用
  26. 可以利用CSS在水平方向和垂直方向上对齐图像
  27. 对于页面上由任何元素创建的盒子,都可以在其后使用背景图像
  28. 背景图像可以只出现一次,也可以在盒子的背景中重复出现
  29. 可以通过移动背景图像的位置来创建图像翻转效果
  30. 为了减少浏览器加载图像的数量,可以创建图像子画面