8.29复习

复习

1. html&css

html:超文本标记语言

标签:h1----h6,p,a,img,br,hr,ul,li,ol,dl,表格系列,div,form

标签属性:标签的一些功能。常见的有 herf src id class width height cursor(鼠标样式)等等

样式:

    选择器:给元素起名字。标签,类,id

    扩展出来的:子代,后代,结构,并集,交集,全局

css样式属性:

文本:字体,大小,颜色,样式,字形

段落:文本缩进,文本样式,对齐方式

图片:大小,位置,(图片插入的时候会有余白 visibility:hidden)

边框:粗细,颜色,样式,圆角

背景:颜色,图片,平铺,大小,位置

页面排版:

    定位:position

position 的值有两个,relative 和 absolute,relative 是相对定位,给参考的,往往给需要定位元素的上一级设置,absolute,给需要定位的元素,用 top,right,left,bottom 来调位置 position 使用改变了元素的本质

    流式布局:float  第一个目的是为了解决文字环绕。使用 float,带来一个问题。很容易导致子元素脱离文档流,我们需要清浮动。

    .clearfix:after{content:“ ”;height:0;clear:both;display:block;visibility:hidden;}

伪元素:就是一个虚拟的元素,但是可以给他写样式。

p:after{conten:“ ”;}

a 的四种状态

    a:link{} hover{}visited{}active{} 

鼠标状态:cusor:

酷炫的效果

2d 效果:

translate rotate scale skew 这四个方法

3d效果:

perspective: 视距

transform-style:给定子类是否也是 3d 效果

@-webkit-keyframes  name 设定动画

动画:anmation  绑定动画

过渡:transition    需要用鼠标和hover一起使用

猜你喜欢

转载自www.cnblogs.com/zhangkelei/p/9556176.html