复习
1.html和css
html:超文本标记语言。白话就是标签。
标签:
标签:h1-h6,p,a,img, br,hr,ul,li,ol,dl,表格系列,div。
标签属性:标签的一些功能。常见的有 href src id class width height 等等。
样式:
选择器:给元素起名字。标签,类,id
拓展出来的:子代,后代,结构,并集,交集,全局。
css样式属性
文本
字体,大小,颜色,样式,字形
段落:文本缩进,文本样式,对齐方式
图片
大小:width height
位置:position
备注:图片插入的时候,会给页面留有余白,
去余白:visibility:hidden;
边框:border:粗细,颜色,样式,圆角
背景:background:颜色,图片,平铺,大小,位置
页面排版:
定位:position
position 的值有两个:relative 和 absolute,relative 是相对定位,给参考的,往往给需要定位元素
的上一级设置,absolute,给需要定位的元素,用 top,right,bottom,left 来调位置。
position 使用,改变了元素的本质。
流式布局 float
第一个目的,是为了解决文字环绕。
使用 folat,带来一个问题,很容易导致子元素脱离文档流,我们需要清浮动。
.clearfix:after{content:“”;height:0;clear:both;display:block;visibility:hidden;}
伪元素:就是一个虚拟的元素,但是可以给他写样式。
p:after{content:“”;} p:before{content:“”;}
a的四种状态
a:link{} a:visited{} a:hover{} a:active{}
鼠标状态
cusor:pointer
炫酷效果
2d 效果
translate rotate scale skew 这四个方法
3d 效果
perspective: 视距,1000px
transform-style; 规定子类是否也是3d效果。
动画animation
定义动画
绑定动画
过渡 transition 需要和鼠标 hover 配合使用
p