sky.fly
sky.fly

Html5+Css3（选择器序列，标签选择器，id选择器，类选择器，通配符*，后代选择器，交集选择器，并集选择器，属性选择器）

CSS 概述

  • CSS：Cascading Style Sheet，层叠样式表。CSS 的作用就是给 HTML 页面标签添加各种样式，定义网页的显示效果。CSS 将网页内容和显示样式进行分离，提高了显示功能。

CSS 语法

  • 语法格式：（其实就是键值对）

选择器{ 属性名: 属性值; 属性名: 属性值; } 或者可以写成：

选择器 {
    属性名: 属性值; 
    属性名: 属性值;
    属性名: 属性值; 
    属性名: 属性值; 
}
选择器 {
    属性名: 属性值; 
    属性名: 属性值;
    属性名: 属性值; 
    属性名: 属性值; 
}

CSS 的一些简单常见的属性

  • 以下属性值中，括号中的内容表示 sublime 中的快捷键。
  1. 字体颜色：（c）
  • color:red;
  • color 属性的值，可以是英语单词，比如 red、blue、yellow 等等；也可以是 rgb、十六进制(后期详细讲)。
  1. 字号大小：（fos）
  • font-size:40px;
  • font 就是“字体”，size 就是“尺寸”。px 是“像素”。单位必须加，不加不行。
  1. 背景颜色：（bgc）
  • background-color: blue;
  • background 就是“背景”。
  1. 加粗：（fwb）
  • font-weight: bold;
  • font 是“字体” weight 是“重量”的意思，bold 粗。
  1. 不加粗：（fwn）
  • font-weight: normal;
  • normal 就是正常的意思。
  1. 斜体：（fsi）
  • font-style: italic;
  • italic 就是“斜体”。
  1. 不斜体：（fsn）
  • font-style: normal;
  1. 下划线：（tdu）
  • text-decoration: underline;
  • decoration 就是“装饰”的意思。
  1. 没有下划线：（tdn）

text-decoration:none;

CSS 的书写方式

  • CSS 的书写方式有三种：

  1. 行内样式：在某个特定的标签里采用 style 属性。范围只针对此标签。

  2. 内嵌样式（内联样式）：在页面的 head 标签里里采用