CSS样式
ALSNEI
兴趣使然,钟情前端,充实自己!
展开
-
解决旧版 IE 浏览器兼容问题
IE下大部分兼容性都是因为haslayout属性的触发问题,尽量触发haslayout属性,可以减少很多IE下得兼容性问题,例如:在IE6下,子级的宽度会撑开父级设置好的宽度. 准确设置好宽度.IE6中,元素浮动,如果宽度需要有内容撑开需要给里面的块元素都设置浮动才可以.IE6.7下,元素要通过浮动在同一排就需要给这行元素都加浮动.标签的嵌套规则 行标签不能包裹块标签IE6下,元素原创 2017-01-13 13:57:03 · 921 阅读 · 0 评论 -
浏览器内核与前缀
各浏览器渲染引擎: Chrome和safari —> webkit引擎; Firefox —> gecko引擎; IE —> trident引擎; Opera —> presto引擎,后改为webkit引擎;以webkit为引擎的移动浏览器最为流行。浏览器引擎前缀有哪些? -moz- f原创 2017-01-13 13:59:16 · 574 阅读 · 0 评论 -
阿里巴巴字体库使用方法
阿里巴巴字体库使用方法阿里巴巴矢量字体库地址: http://www.iconfont.cn/网上看了很多关于字体库的引用,但是还是有很多人在使用时会出现这样那样的问题,所以在这里进行仔细的解释和最后总结.希望对大家有所帮助使用字体库,可以减轻程序需要加载图片的请求,而且是矢量图,可以通过设置字体样式,改变样式还不会造成变形.前端PC端或者移动端使用方法有两种,下面是详细介绍:方法1(在线字体库)原创 2017-01-11 15:43:05 · 20172 阅读 · 0 评论 -
Sticky Footer: 完美的CSS绝对底部
CSS Sticky Footer: 完美的CSS绝对底部前段时间在做项目时,遇到一个问题,如下: 移动端的正文内容不定,内容较少时,底部的组件位于窗口的下面;但是当内容较多时,底部的部件和正文和出现重叠的BUG. 因此,找到这么一个完美的完美的解决办法,源于国外牛人//html代码<div id="wrap"> <div id="main" class="clearfix">原创 2017-01-11 15:59:15 · 1866 阅读 · 0 评论 -
中英文字体对照表
中英文字体对照表(简体部分)Windows:新細明體:PMingLiU 細明體:MingLiU 標楷體:DFKai-SB 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微軟正黑體:Microsoft JhengHei 微软转载 2017-01-11 20:28:38 · 7393 阅读 · 0 评论 -
CSS引用
外面引用CSS有两种:link和@import两者都是外部引用CSS的方式,但是存在一定的区别: 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。 区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。 区别3:link是XHTML标签,无兼容问题;@import是在CSS2原创 2017-01-11 20:52:43 · 898 阅读 · 0 评论 -
前端代码校验工具
Sublime text配置前端代码(JavaScript/Html/CSS)校验工具前端代码检查分别包括html、css、JavaScript三部分的检查,代码检查需要安装node。安装Package Control给sublime安装Package Control,Package Control是最佳的sublime插件管理工具,安装过程参考:https://packagecontrol.io/转载 2017-01-11 21:01:36 · 3484 阅读 · 0 评论