CSS基础

以前学过的东西，好久不做Web应用了，现在工作需要，重新复习总结下。

1、CSS样式语法

• 简单样式：属性:属性值； ex：height:60px;
• 复合样式：属性:属性值 属性值 …. ; ex：padding 1px 2px 1px 2px;
  复合样式就是单一样式的复合体，比如padding可以设置4个属性，其实就是同时分别设置了4个单一属性padding-left、padding-right、padding-top、padding-buttom

2、页面引入CSS样式的3种方法

2.1、行间样式：直接在html的代码上写样式，该样式只针对当前标签

<div id="errorMsg" style="color: rgb(255, 0, 0); height: 20px; line-height: 20px; margin: 5px; font-size: 12px;"></div>

2.2、内部样式：利用style块，在本html页面的head头部分写样式

<style type="text/css">
    a{
            overflow: hidden;
            text-decoration: none;
    }
    a:hover {
            color: #F352A5;
            border: solid 1px #F352A5;
            font-weight: bold;
    }
</style>

2.3、外部样式：先如内部样式写法一样，只是style写在外部文件里面，然后将外部文件通过在html里面head部分style样式文件引入进来

<link rel="stylesheet" type="text/css" href="resources/css/common.css" />

3、常见CSS样式

3.1、背景样式

3.2、边框样式

3.3、字体样式

3.4、table

3.5、边距及CSS盒子模型

3.6、块级、行级标签样式区别与转换

3.7、float浮动

3.8、position定位

4、CSS样式选择符及选择符的优先级

4.1、CSS样式选择符种类

4.2、选择符的优先级