css

css:层叠样式表,用于定义html元素的显示样式

内嵌样式表:在<body>内的标签里用style样式,作用于本元素;
内联样式表:在<head>内用<style type="text/css">的方式,作用与本页面
外联样式表:在<head>内用<link>标签,href里写作用的css地址(另一个css网页)

优先级:内嵌>内联=外联
          __________(看顺序)

常用的选择器有:

类选择器:·名称{···}
id选择器:#名称{···}
元素选择器:元素{···}
包含(后代)选择器:父选择器+(空格)+子选择器{···}
伪类选择器:元素:属性{···}     例:div:hover{···}
相邻兄弟选择器:子选择器+子选择器{···}   拥有同一个父选择器,作用于第二个子元素

a标签的四种状态:
a:link   无访问
a:hover    鼠标移动
a:visted    已访问
a:active     被选择

background-image   背景图片
background-repeate   重复
background-size  大小

text-indent  首航缩进
vertical-align:middlc  垂直居中  和line-height:行高值一起用
text-align:center  水平居中

自定义字体:@font-face
字体加粗:font-weight
字体大小:font-size
设置列表样式类型:list-style-type

padding(内边距)和margin(外边距):

四个值px:上、右、下、左
三个值:上、左右、下
两个值:上下、左右
一个值:四方

display  改变生成框的类型
————
      |---none(不显示,不占据网页空间)区别于visibility:hidden (占据网页空间)
      |---block(行转块)
      |---inline(块转行)
      |---inline-block(行内块元素)

三种定位机制:
1、普通流
2、浮动
3、绝对定位(脱离文档流)

position(定位)属性:
static:静态定位(无定位)
relative:相对定位(相对原位置偏移)
absolute:绝对定位(相对父元素,脱离文档流)
fixed:固定定位(脱离文档流,屏幕定位)

float(浮动,脱离文档流)
clear:清除浮动(带动后面的一起)

z-index:-1  使层叠下方的元素层叠到上方
opacity:0.0~0.1  设置透明度,作用于所有元素
cursor:改变光标形状

相对长度单位(数字)
px:    1px=1px
em:   1em=16px
rem:  1rem=16px(自适应屏幕大小)

 

posted @ 2016-04-24 14:49  丨背love丶  阅读(117)  评论(0)    收藏  举报