1 行内元素左右方向的margin和padding是有效的
2 vertical-align只对行内元素和inline-block有效
3 white-space是设置元素内的空白的方式
4 link是html方式，@import是css。前者兼容性更好。页面加载时Link就会被加载，后者引用的CSS会等页面被加载完再加载
5 display:none;会让元素完全从渲染树中消失，而visible:hidden不会，仍会占用原来的空间
6 两个或者更多普通流块级元素，垂直方向上的margin会重叠
7 浮动、绝对定位、inline-block元素垂直方向上的margin不会和其他元素重叠
8 元素自身的margin-top和margin-bottom相邻时也会重叠
9 <！DOCTYPE>位于<html>标签前，告诉浏览器用什么规范解析页面
10 渐进增强，是先针对低版本的浏览器写页面，保证基本功能，然后再针对高版本的浏览器进行改进
11 替换元素属于行内元素，却可以设置宽高
12 http状态消息，4代表客户端错误，5代表服务器错误
13 http是客户端与服务器之间关于请求和应答的协议
14 get是请求数据，post是提交要被处理的数据
15 rem是相对于根元素，em是相对于父元素的font-size
16 清除浮动常见的方式是在父元素上用::after，父元素overflow和添加空div一般不用
17 CSS3的新内容有边框box-shadow和border-image，圆角border-radius，背景，渐变gradient，文本text-shadow和text-overflow和word-wrap，字体@font-face，transform，transition，动画，box-sizing，flex-box，媒体查询
18 继承属性。字体系列font，文本系列text-indent，text-align，line-heigh，color，可见性visibility
19 用纯CSS写一个三角形
20 列举隐藏元素的方法。visibility:hidden，display: none，opacity: 0，filter: blur(0)，transform: scale(0)
21 rgba和opacity的透明效果。前者子元素不继承
22 在网页中的应该使用“偶数”字体。容易和其他部分构成比例关系
23 元素竖向的百分比设定是相对于容器的宽度，而不是高度
24 响应式设计就是网站能够兼容多个终端，而不是为每个终端做一个特定的版本。基本原理是利用CSS3媒体查询，为不同尺寸的设备适配不同样式
25 在CSS1中伪元素是:，但在CSS3中做了修订变为::，开发者为了兼容旧版本浏览器会使用:
26 line-height是基线指间的距离。没有height，撑开容器的就是line-height，而不是文字。height会触发haslayout。想让文字垂直居中，就设置line-height = fontsize
27 html注释<!-- -->，CSS注释/* */，js注释//和/* */
28行内元素和块级元素分别有哪些：⑴ 行内元素：span、i、textarea、img、a、em、strong、b ⑵块级元素: div 、ul、li、h、p、ol、table、form ⑶空元素：br 、hr
网友评论