CSS基础01-CSS简介

CSS基础

01-CSS简介

1.1HTML的局限性

HTML只关注内容的语义，虽然也可以做一些简单的颜色、规格设置，但是十分繁琐。

1.2CSS-网页的美容师

CSS是层叠样式表（Cascading Style Sheets）的简称，有时也被称为CSS样式表或级联样式表。CSS也是一种标记语言，CSS主要用于设置HTML中的文本格式（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。可以简单理解CSS为对HTML的美化。

CSS最大的价值在于：由HTML专注结构的呈现，样式则交给CSS，将结构与样式分离。

1.3CSS语法规范

CSS规则由两个主要部分组成：选择器以及一条或多条声明

<style>
    /* 选择器 */
    table{
        /* 一条或多条声明 */
        color:salmon;
        font-size: 18px;
    }
</style>

1.4CSS代码风格

以下代码书写风格不是强制规范，而是更符合实际开发的书写方式

• 样式格式书写

  1. 紧凑格式

     h3 { color: deeppink; font-size: 12px; }
     

  2. 展开格式（推荐）

     h3 {
     	color: deeppink;
     	font-size: 12px;
     }
     

• 样式大小写

  虽然大写字母书写代码也能执行，但是我们提倡用小写字母书写代码

• 空格规范

  • 属性值前面冒号后面，保留一个空格
  • 选择器与大括号之间保留一个空格