过渡transition
transition-property 规定设置过渡效果的 CSS 属性的名称。
transition-duration 规定完成过渡效果需要多少秒或毫秒。
transition-timing-function 规定速度效果的速度曲线。
transition-delay 定义过渡效果何时开始。
语法： （更多…）
什么是BFC？
Block Formatting Context(块级格式化)
什么是BFC规范？
触发BFC规范的元素，可以形成一个独立的容器，不受到外界的影响，从而解决一些布局问题。
怎么触发BFC规范？
浮动元素：float除none以外的值
定位元素：position:absolute/fixed
display:inline-block/flex(弹性布局)
overflow:除了visible以外的值
BFC能解决什么问题？
可以解决margin叠加、传递问题
可以解决浮动以及覆盖问题
HTML标签
引用标签
blockquote：引用大段的段落解释
q：引用小段的短语解释
abbr：缩写或首字母缩略词
address：引用文档地址信息
cite：引用著作的标题
iframe嵌套页面
iframe元素会创建包含另外一个文档的内联框架
frameborder，是否显示框架周围的边框
width/height，定义frame宽高
scrolling，是否在iframe显示滚动条
src，规定在iframe中引入的url
srcdoc，规定在iframe中显示的页面内容 （更多…）
HTML和CSS以及XHTML区别
HTML发展历史
1991年8月6日，来自欧洲核子研究中心的科学家Tim Berners-Lee，启动了世界上第一个可以正式访问的网站(http://info.cern.ch)，从此人类宣布了互联网时代的到来。
1991，html
1995，html2
1996，html3.0
1997，html4.0
1999，html4.01
2000，xhtml1.0
2001，xhtml1.1
2005，xhtml2.0
2008，html5
2014，html5正式发布 （更多…）
psd自动切图
ps：
1.编辑–>首选项–>增效工具–>勾选启用生成器
2.文件–>生成–>图像资源(在文件夹自动生成图片文件夹)
3.在图层名改成图片名称和后缀以及大小(200% icon2.png)
企业切图流程
利用工具快速获得样式
蓝湖https://lanhuapp.com
ps：窗口–>扩展功能–>蓝湖，选择上传全部画板
css选择器
ID选择器
css:#id{}
html:id=”id”
注意：
1.一个页面中只能使用一个id，不可重复
2.命名规范：字母和数字以及下划线，但数字不能开头
3.命名方式：驼峰命名、下划线、短线式 （更多…）
选择器的权重：
行内样式1000
ID选择器100
类选择器10
标签选择器1
通用选择器0
css属性简写：
background：背景色 背景图片 背景平铺
background:red url(xxx.png) no-repeat;
border:边框宽度 边框样式 边框颜色
border:1px solid red;
font:字体样式 加粗 字号大小/行高 字体,备用字体,”备用字体”;
font:italic bold 20px/35px arial,sans-serif,”微软雅黑”;
margin/padding:上右下左
margin/padding:上 左右 下
margin/padding:上下 左右
margin/padding:四周相同
color:rgb/rgba,red,#ccc （更多…）
