css--简介

 

 

CSS声明总是以分号(;)结束，声明组以大括号({})括起来:

css引用：1内联：在标签中加style属性，<标签名 style="样式1：样式值1；样式2：样式值2">

                   </标签名>。2.内嵌：在head标签中加style属性

      <style>                      

     选择器1{

                   样式1：样式值1；

                   样式2：样式值2 ；

     }

      选择器2{

                   样式1：样式值1 ；

                   样式2：样式值2；

     }

     </style>

                            

 

 

。3外联：单独建立一个css文件。在html文件中head标签里写link标签引入。

           选择器1{

                   样式1：样式值1； 

                   样式2：样式值2；

     }

      选择器2{

                   样式1：样式值1； 

                   样式2：样式值2 ；

     }

    在html文件的head标签中引用link标签引入css文件

    <link  href="xxxx.css">

     选择器：

1、  id选择器

2、  在标签中加入id属性。

                <标签名 id="id值就是起个代号"><>

    在内嵌或者外部css文件中书写格式

       CSS 中 id 选择器以 "#" 来定义。

        #id值{

                   样式1：样式值1； 

                   样式2：样式值2；

     }

    

    

      注意id名在整个页面中是唯一

3、  class属性：在标签里加入class属性可以批次添加样式。

在 CSS 中，类选择器以一个点"."号显示：

.class值{

                   样式1：样式值1； 

                   样式2：样式值2；

                 

            }

     注意：class代表是一类，（分组分类）

4、  元素（标签）选择器：html文件中可以统一对一种标签添加样式。

在内嵌或者外部css文件中书写格式

元素名{

                   样式1：样式值1； 

                   样式2：样式值2；

      }

     

      标识符规范： 只能是数字，字母下划线。不能以数字开头

      其中不能以数字开头，并且不能是关键字

 

类名的第一个字符不能使用数字！

 

     二、字体样式：

font-family：字体类型，

font-size：字体大小

改变字体大小h1 {font-size:40px;}

font-weight：字体粗细

                  font-style：字体斜体

color：颜色

多个字体系列是用一个逗号分隔指明

p{font-family:"Times New Roman", Times, serif;}

          文本样式：    

text-decoration：下划线、删除线、顶划线，

text- transform：文本字母大小写，

text-indent：段落首行缩进    

text-align：文本水平对齐方式

 line-height：行高

 

三、div边框的样式：

border-width：边框的宽度，

border-style，边框的外观，

，

solid：实线，

dashed：虚线，

dotted：点线，

double：双线，

border-color     边框的颜色 border-top: ;顶部边框，

border-bottom: 底部边框

border-left: 左边框，

border-right:右边框，

background-color：背景颜色，

background-image：背景图片，

background-repeat：背景图片平铺，

background-attachment：背景图片定位。