CSS和HTML
文章平均质量分 53
remy303
花有重开日 人无再少年
展开
-
css背景属性 Background
背景属性 Background 1.background-attachment : scroll | fixed scroll:图像随对象内容移动而移动;fixed:图像固定。 2.background-position: X Y 背景图像在水平和垂直方向的位置,例如水平设置为负数时则图像向左缩进,达到剪切左边部分图像的目的。 3.background-r原创 2011-06-08 19:17:00 · 1230 阅读 · 0 评论 -
清除浮动的方法
清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 我根据自己的经验总结8种清除浮动的方转载 2014-05-16 17:20:54 · 698 阅读 · 0 评论 -
前端开发IE8问题
从项目中发现问题并解决,同时将问题和解决方法记录下来,既能方便以后查询,也能让需要的朋友参考。1.IE8下div嵌套时,外层div宽度不随内层div宽度改变的问题 当b1和b2都是float=left时候,a1层的宽度不会被b1和b2的宽度撑开。(这个现象只有IE8发生,其他版本IE以及IE8选择兼容模式后就没有问题。)解决方法:设置a1原创 2014-04-03 12:09:22 · 1756 阅读 · 0 评论 -
透明-----css的filter,opacity与css3的background-color: rgba
先从问题出发:现象:今天在项目中发现一个在IE9下的bug,现象是IE9下背景为不透明,而在IE8,IE10以及firefox,chrome下都是正常的,如下图: IE9的效果,背景为纯白色,IE8,IE10,firefox,chrome的透明效果调查过程:1.查看代码:css中对li标签设置的是filter:progid:DXImage原创 2014-03-17 19:02:41 · 5576 阅读 · 0 评论 -
CSS优先级
选择器的优先级1. 内联样式表(style=“”)的权值最高 1000;2. ID 选择器的权值为 1003. Class 类选择器的权值为 104. HTML 标签选择器,伪类(:active,:first等),伪对象(:before,:after)的权值为 15. 其他选择器如通配选择器等得优先级的权值为0 利用选择器的权值进行计算比较,示例如原创 2013-10-31 14:34:05 · 910 阅读 · 0 评论 -
CSS优先级
1.选择器的优先级 内联样式表(style)的权值最高 1000; ID 选择器的权值为 100 Class 类选择器的权值为 10 HTML 标签选择器的权值为 1 html> head> #redP p {原创 2014-02-18 17:21:55 · 877 阅读 · 0 评论 -
网站开发中html常用的特殊字符
在网站开发中一些特殊字符经常用,在此将工作中遇到的总结下来,再碰到还会持续更新。 下标 上标® ™原创 2014-03-07 14:23:03 · 995 阅读 · 0 评论 -
前端开发中IE6的问题的汇总
最初开发的时候是在IE10上开发,并简单测试firefox,当开发完在IE6上兼容性测试时,一打开就傻眼了,所有的页面就没有能看的。整整用了两天的时间对应所有IE6,记录下来方便自己以后查询,也方便大家参考。(个人认为之所以出现IE6的问题,很少一部分原因在于IE6的解析的不同,而主要的原因还在于个人开发时使用的css以及布局并不是最优的,开发时只是单纯的实现效果。)先说明原创 2013-12-05 17:20:24 · 2065 阅读 · 0 评论 -
超长显示省略号...,兼容各浏览器,适用于多行
超长显示省略号是一个很困扰的事情,各个浏览器的对css的解析不同,比如1. IE可以使用overflow:hidden;white-space:nowrap;text-overflow:ellipsis,2. Opera中也有相关的支持属性text-overflow:-o-ellipsis-lastline3. 新版的chrome中有一个属性-webkit-line-camp属性,它允原创 2014-01-06 15:36:57 · 3342 阅读 · 0 评论 -
Html上<meta>的介绍
1. Meta keywords用法:这个在过去曾被大力推广的meta优化重点部分,如今已不再流行,甚至来自google的有关人士也已证实:“由于过去对meta keywords标签的滥用,使得google不得不把keywords排除在影响排名的考虑因素之外以确保排名的公正性”。2. Meta discription用法:与keywords标签相反,Meta discrip原创 2013-10-31 18:15:35 · 2744 阅读 · 0 评论 -
CSS之!important
CSS之!important作用: 将所设定的CSS属性的优先级最高,从而不被之后相同的css属性覆盖,即优先级最高。 场合: 除IE6浏览器之外的IE更高版本浏览器以及其它浏览器。 举例: IE6中设置如下: background-color: red !important; background-colo原创 2011-06-09 13:21:00 · 668 阅读 · 0 评论 -
html中td的宽度问题
问题描述: 空的td设置了宽度但不起作用?解决方法: 在td内容里加“ ”来占位 ,解决ok。原创 2011-06-09 11:08:00 · 2339 阅读 · 0 评论 -
前端开发之字体大小px,em,rem,pt
在前端开发中尤其是响应式的开发中,字体的大小变化在不同的屏幕尺寸下原创 2014-07-29 22:23:05 · 6301 阅读 · 0 评论