cqj0008的博客

1.不确定宽高的情况下实现盒子的居中(无兼容问题)/* 不确定宽高的情况下实现盒子的居中左右的百分比是相等的,两个之间相加不能大于100%*/#box { position: absolute; left: 10%; right: 10%; top: 25%; bottom: 25%; background-color: #0ff;}2.固定的宽

1.css的盒子模型 ( IE 和 w3c标准模型 ) 区别 : 标准 width = 内容宽 IE width = 内容宽 + (padding + border) * 2 两个之间的转换 : box-sizing : border-box (设置的border 会往里面挤) content-box(是默认值,标准);cs3 : 兼容是IE9+ 以上, 所有的低版本不支持;2.标

1.web的标准理解 :结构 : html 表现 : css 行为 : js2.web的标准有什么优点?易于维护:只需修改css文件,就可以改变整个网站的样式 页面响应快 : html文档体积变小,响应时间短 可访问性: 语义化的html 设备兼容性: 不同的样式表可以让网页在不同的设备上显示不同的样式 搜索引擎: 语义化的html能更容易被搜索引擎解析,提升排名

1.浏览器内核及差异 : IE : Trident (以前的IE占有率非常高,代码不公开)Firefox : Gecko ( 代码完全公开 )Chrome : Webkit Opera : Blink2.浏览器的兼容:(1): 标签的默认padding和margin不同解决 : 在css里面设置margin:0;padding:0;(2): 块级标签float后,又有横行margin情况下,

1.css选择器的优先级及使用(1)css的三大特性: 继承 优先级 层叠 (2)css的选择器分类: 标签选择器 类选择器 ID选择器 全局选择器(*) 后代选择器 伪类选择器字符串匹配 选择器( $ * ^) 结尾 包含 开头 子选择器 相邻选择器 (3) 优先级不同 !important > 行内 > id > 类 > 标签 > 通配符 > 继承 > 浏览器自定义2.

1.数据的基本类型(1)Number类型包含整数和浮点数 isNaN()函数,用于判断是否是一个非数字类型,传入非数字类型,返回true,否则返回false; 如果参数类型是对象类型,会先调用对象的valueOf()方法,在确定该方法的 返回值是否可以转换为数值类型;不能再用对象的toString()方法,再确定返回值;数值类型的转换:parseInt(): 转换为 整数 parseFloa

多列布局 : (1)左列定宽 ,右边自适应 ( 右边定宽,左边自适应 )解决 : 利用 float + margin 实现 ,IE6有3px的bug 利用float + overflow(左边定宽) flex弹性盒子,左边为定宽,右边flex:1(IE9+以上)(2)两列定宽,一列自适应解决: 利用 float + margin 实现 ,IE6有3px的bug