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:背景图片定位。

猜你喜欢

转载自www.cnblogs.com/layuechuquwan/p/11075200.html