小东西
2016-03-07 19:13
375 查看
1 div 变化成可以输入文字的效果
contenteditable这是HTML5的新增属性,一般可以用来制作富文本编辑器。
2 margin:auto为什么只能实现水平居中,不能垂直居中?
当一个常规流中块级元素的margin属性左右值设为关键字auto,且它拥有固定宽度时,它便会平分剩余的水平空间,居中显示。然而如果设置上下值为auto,浏览器得到的计算值为0,并不起任何的效果。那么问题来了,为什么垂直方向的auto不生效?
这与布局相关。网页排版时,常规流的块级元素水平方向总是铺满浏览器窗口,垂直方向各块级元素按照先后顺序从上往下排列,当页面内容过多时网页会出现纵向滚动条,因此原理上纵向是可以无限扩展的,计算时找不到一个固定的参考值,所以纵向的auto无法生效。
3 CSS规则根据优先级生效,低优先级的规则会被浏览器忽略还是覆盖?
浏览器中CSS优先级的使用规则:多个优先级的样式都会被渲染,只不过高优先级会覆盖住低优先级,元素呈现为高优先级的样式。
现在请考虑这样一个问题,在一个div应用了两条background-image规则,照之前的理论来看,两条规则都会渲染,那么请问浏览器会请求被覆盖规则的背景图片吗?
真实情况是浏览器会聪明到只请求当前应用的背景图片。简单理解的话,浏览器只会为生效的CSS规则中的图片资源发出http请求。如果深究的话,就必须谈谈浏览器的工作原理了。
<div class="write" contenteditable="true"></div>
contenteditable这是HTML5的新增属性,一般可以用来制作富文本编辑器。
2 margin:auto为什么只能实现水平居中,不能垂直居中?
当一个常规流中块级元素的margin属性左右值设为关键字auto,且它拥有固定宽度时,它便会平分剩余的水平空间,居中显示。然而如果设置上下值为auto,浏览器得到的计算值为0,并不起任何的效果。那么问题来了,为什么垂直方向的auto不生效?
这与布局相关。网页排版时,常规流的块级元素水平方向总是铺满浏览器窗口,垂直方向各块级元素按照先后顺序从上往下排列,当页面内容过多时网页会出现纵向滚动条,因此原理上纵向是可以无限扩展的,计算时找不到一个固定的参考值,所以纵向的auto无法生效。
3 CSS规则根据优先级生效,低优先级的规则会被浏览器忽略还是覆盖?
浏览器中CSS优先级的使用规则:多个优先级的样式都会被渲染,只不过高优先级会覆盖住低优先级,元素呈现为高优先级的样式。
现在请考虑这样一个问题,在一个div应用了两条background-image规则,照之前的理论来看,两条规则都会渲染,那么请问浏览器会请求被覆盖规则的背景图片吗?
真实情况是浏览器会聪明到只请求当前应用的背景图片。简单理解的话,浏览器只会为生效的CSS规则中的图片资源发出http请求。如果深究的话,就必须谈谈浏览器的工作原理了。
相关文章推荐
- node.js
- Lua.1 lua的类型与变量
- UC 浏览器调用支付宝本地支付
- DISA STIG
- Plugin with id 'android-apt' not found
- codeforces 630F Selection of Personnel(组合数)
- java 入门 运算符
- Android应用--如何向Android应用中加入广告
- pat1007:素数对猜想
- 工作这么多年,最近很有挫败感
- Android音频开发(1):基础知识
- POJ 3991 括号匹配问题
- eclipse导入代码时中文乱码 解决方案
- Android studio 如何查看模拟器里面的文件
- 现在的我
- 原码、反码和补码
- redis安装及用法
- [mysql语句] mysql 语句收集
- iOS关闭键盘的方法
- HUST 1606 判断一个数是否是3个数的立方和 (暴力)