css的学习1

css:全称是cascading  style sheet层叠样式表又叫级联样式表或样式表。

css的作用:为html元素定义样式,能够实现内容与表现的分离,提高程序的可重用性和可维护性。

其中重用性:表示可以让多个元素使用相同的样式;   维护性:表示一个元素飞样式改变,其他的元素可以跟着变

css样式表主要是由两部分构成:选择器{样式}

css中常用的属性:

对于文本:

font-size:字体大小。必须要加单位

font-weight:bold;字体加粗

color:字体颜色

font-family:字体

font-style:字体样式

text-align:字体水平排列方式

line-height:字体的行高

text-decoration:文本下划线

对于“盒子”:

width:宽

height:高

background:背景

float:浮动

position:定位

border:边框

css选择器:

基础选择器

1,标签选择器:就是以标签名作为选择器

  格式:标签名{

      样式1;

      样式2;

    }

  注意:所有的标签都可以作为选择器,无论这个标签在哪个位置一定能够选择上;选择的是所有的选择器标签,所以经常描述的是这些标签的共性,无法描述元素的个性2,

2,id选择器:

格式:#id属性值{

    样式;

  }

注意:任何html标签都可以有id属性,属性值可以任取但只能由字母、数字、下划线组成,必须以字母开头,不要和html飞标签名同名;id属性是唯一的标识不能出现相同的id

3,类选择器:

格式 :  .class属性值{

  样式;

}

注意:class属性和id非常相似,任何的标签都可以有,同一个标签可以同时属于多个类用空格隔开,class舒心可以重复的,同一个标签可以有多个类

4,通用选择器:

格式:*{

  样式;

}

注意:层级最低,匹配页面上所有的标签,效率不高

 

posted on 2017-07-02 23:06  lorraine.liu  阅读(89)  评论(0)    收藏  举报

导航