css的学习1

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

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

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

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

css中经常使用的属性:htm

对于文本:it

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

font-weight:bold;字体加粗class

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,通用选择器:

格式:*{

  样式;

}

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

相关文章
相关标签/搜索