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(自适应屏幕大小)
浙公网安备 33010602011771号