CSS基础

CSS语法

css的语法    selector{property: value}

即 选择器{属性 : 值}

选择器

1.用元素做选择器，直接写元素

<style>
p{
    color: red;      
}
</style>
<p> 红色</p>

2.用id做选择器，用#

<style>
    #id1{
         color: red;  
    }
</style>
<div id="id1"> abcd </div>    

3.用类做选择器，用 . 

<style>
    p.first{
         color:red;        
    }
    .first{
         color:red;
    }
</style>
<p class="first">abc</p>
<span class="first">def</p>

可以直接用 .first 选择， 也可以更加具体，用 p.first 选择。

注释

使用   /*注释注释注释*/

尺寸

width属性 和 height属性

背景

背景颜色：background-color，属性值可以使用：red、 rgb(250, 0, 0)、#ff0000

图片做背景：background-image: url(路径)

背景重复属性background-repeat：no-repeat不重复； repeat-x水平重复； repeat-y垂直重复；repeat水平垂直都重复

文本

文本颜色：color : blue;

文本对齐：text-align：left、right、center

文本修饰：text-decoration：overline上划线、line-through删除效果、underline下划线、blink闪烁、none可用于去除链接自带的下划线

行间距：line-height ：50%、10px

字符间距： letter-spacing：2

单词间距：word-spacing：10

行首缩进：text-indent：50

字体

大小：font-size：30px、50%、0.5em

风格：font-style：normal标准字体、italic斜体

粗细：font-weight：normal、bold粗体

字体：font-family：default、黑体、宋体

表格样式

表格布局：table-layout：automatic td的宽度随着td的内容多少而变化；fixed 固定长度，宽度为td上设置的宽度

表格边框：border-collapse：separate 表格边框为双线；collapse 边框为单实线