HTML、DIV、CSS
qw_xingzhe
身后是家园,眼前尽是世界!
展开
-
详解div+css相对定位和绝对定位用法
本文和大家重点讨论一下DIV+CSS之绝对定位和相对定位,在用DIV+CSS控制排版过程中,定位一直被人认为是一个难点,这主要是表现为很多网友在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所措。 前言 在用DIV+CSS控制排版过程中,定位一直被人认为是一个难点,这主要是表现为很多网友在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所措,而另一边一些高手则常常转载 2013-03-14 23:23:46 · 752 阅读 · 0 评论 -
Flex 布局教程
语法篇网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到转载 2017-06-19 22:24:02 · 391 阅读 · 0 评论 -
前端性能优化的14个规则
作为一个半前端工程师,而且只会写点HTML5和CSS3的“假”前端工程师,为了能更好地理解一下前端的花花世界,最近拜读了《高性能网站建设指南》一书,对作者提出的前端性能优化的14个规则获益匪浅,为了让自己印象更深刻点,决定作此文,当做学习笔记也好,知识总结也罢,总归看过的东西要让自己很好地掌握很好地运用起来才是王道。在解读这些规则的同时,我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化转载 2015-09-12 16:04:07 · 369 阅读 · 0 评论 -
jquery动态加载css样式 浏览器兼容处理
个比较严重的bug:在IE6、IE7下,验证提示的样式文件加载不进来。于是今天早上针对这个bug,测试了好多次,仍然不行,最后才发现原来是因为用jquery的方法动态加载css教程样式文件,存在兼容问题。在jquery.skygqCheckAjaxform.1.3.js文件中原来动态加载css文件的代码是这样的://加载css样式if ($("link[href$=valid.cs转载 2015-04-09 09:21:00 · 4127 阅读 · 0 评论 -
CSS的选择器
最近在研究jQuery的选择器,大家知道jQuery的选择器和css的选择器非常相似,所以整理一下css选择器;css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器,匹配任何元素转载 2015-02-10 17:42:05 · 415 阅读 · 0 评论 -
em(倍)与px的区别
在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因转载 2015-01-30 15:42:15 · 443 阅读 · 0 评论 -
让IE6/IE7/IE8浏览器支持CSS3属性
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=783一、下载您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,我个人以转载 2014-07-24 13:24:50 · 657 阅读 · 0 评论 -
为什么要在引入的css或者js文件后面加参数的详细讲解
为什么要在引入的css或者js文件后面加参数的详细讲解,需要的朋友可以参考一下css和js带参数(形如.css?v=与.js?v=)复制代码 代码如下:使用参数有两种可能,第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于复制代码 代码如下:但浏览器转载 2014-05-27 14:14:59 · 606 阅读 · 0 评论 -
css使用细节&浏览器兼容小记
1、css中引入的图片地址是相对于当前这个css文件的位置的。原创 2013-02-21 23:05:10 · 456 阅读 · 0 评论 -
IE与Firefox的CSS兼容大全
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div转载 2014-02-08 21:58:30 · 487 阅读 · 0 评论 -
IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器兼容性
在我们设计网站或者在制作主题的时候都需要用到CSS,但是现在浏览器特别多,每种浏览器显示的效果不一样我们怎么来区别这些恼人的浏览器显示问题呢?今天分享一篇区别各个浏览器兼容性呢针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{转载 2013-06-21 14:05:07 · 1031 阅读 · 0 评论 -
css 区分 input 的类型 input[type="text"]
css 区分 input 的类型 input[type="text"]input[type="text"]{ border:1px; border-style:solid; border-color: #CCCCCC; }--------------------------------------------------ie6 兼容/* ie6 不支持 */input[转载 2013-06-01 10:08:37 · 6196 阅读 · 0 评论 -
<div+css>盒子之间的关系
盒子之间的关系一、HTML和DOM(Document文档 Object对象 Model模型)二、标准文档流(标准流)1、块级元素(block)(一个矩形区域,并且和相邻的元素依次竖直排列。不排在同一行中)2、行内元素(inline)(对于文字这类元素,各个字母之间横向排列。到最后端自动拆行,这就是行内元素)三、盒子在标准流中的定位原则1、行内元素之间的水平margin转载 2013-03-14 23:13:26 · 1347 阅读 · 0 评论 -
巧用CSS3的calc()宽度计算做响应模式布局
今天浏览这个http://www.sitepoint.com站时,因为好奇看了下人家写的代码,结果发现了这行代码,于是就研究了一下,calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-si转载 2017-06-19 22:29:05 · 476 阅读 · 0 评论