摘要:
#css Hack ##作用 好处:使用CSS Hack可以控制不同的浏览器及版本之间的显示差异,某些情况下处理兼容问题可以事半功倍 坏处:滥用会影响页面性能,也会导致后期维护困难,因此尽可能减少对CSS Hack的使用。 开发者必须慎用CSS Hack,能不用就不用。 ##分类 ###1、条件Ha 阅读全文
摘要:
#一、css技巧及兼容性问题解决 ##1、清除图片下方出现几像素的空白间隙 ###方法1:将图片显示为块 img{display:block;} ###方法2:改变图片的vertical-align img{vertical-align:top;} /*除了top值,还可以设置为text-top | 阅读全文
摘要:
6.8、移动端布局 6.8.1、移动端浏览器及内核 1、浏览器: UC浏览器、QQ浏览器、百度浏览器、夸克浏览器、360浏览器... safari、chrome... 2、内核:webkit... 6.8.2、viewport **解决移动端浏览器的屏幕分辨率大小问题** ###1、 视口 PC端视 阅读全文
摘要:
6.7、预处理 6.7.1、什么是预处理 一种新语言 基本思想:用一种专门的编程语言,为css增加一些编程的特性,将css作为目标生成文件,然后开发者使用预处理语言进行编码工作 ##6.7.2、less less是什么 less是一种编程语言,主要是为为css增加一些编程的特性,将css作为目标生成 阅读全文
摘要:
6.6、弹性盒子 6.6.1、弹性盒子简介 ###1、特点 flex布局 简单、快速、高效页面布局 ###2、flex布局与传统布局对比 传统布局: 1、兼容性好 2、PC端页面更多使用传统布局 3、布局繁琐 4、有局限性,不能在移动端有很好的布局 flex布局: 1、 IE11及更早版本的不支持或 阅读全文
摘要:
6.5、css3背景属性 6.5.1、多背景 background-image: url(图片路径), url(图片路径); 多背景中背景图书写越靠前,显示越靠前 6.5.2、background-size属性 背景图尺寸 background-size: 数值; 按比例缩放 background- 阅读全文
摘要:
六、CSS3学习 6.1、css3特点 ###1、特点 css的升级版本,在css2基础上新增许多特性,弥补css2不足 css3按照模块进行设计,比较重要的模块包含:选择器、框模型、背景和边框、2D|3D变换、动画、多列布局、用户界面 ###2、css3现状: 1、部分属性在浏览器中需要添加兼容性 阅读全文
摘要:
五、HTML5 5.1、HTML5历史 经历web1.0 → web2.0时代 1999 出现 2004 提出 2007 被W3C接纳 2008 第一份正式草案 2014 官方推荐 2020 完成最终测试 2022 正式发布 5.2、HTML5的新特性 新增语义化的标签 新增表单元素和表单属性 新增 阅读全文