技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML
    又是简明教程,嗯,好为人师啊。 其实这应该是基本功,只是有些只注意速成的web设计师没有留心到。 meta的存放位置 meta标签放置在head标签之间。 关键字 关键字须用英文逗号(,)隔开,不要有空白。 网站描述 页面如果没有给出网站描述时,搜寻引擎通常会自动抓网页的前25字做为网页内容摘要,呈现在搜寻结果上。但有时网页的前25字可能未必能表达文章的宗旨。
    CSS3弹性盒模型布局模块 (aka Flex Box)介绍和demo/测试用例
    

一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本,当然在 IE9 开始逐步推向市场后,又会有更多的衍生版本。所以我目前只考虑 IE7~9 版本的兼容情况。

    项目最新版本的开发进入后期阶段,今天鼓起勇气打开IE Test,如我所料啊!页面在IE6下面目全非了,呜呜~~ 现在开始修复IE的Bug(大部分是IE6,IE7 8也有一些),顺便记录下来。 1、png图片在IE6下出现透明或背景变灰的bug; 分析: 随处可见,遇到时就想好策略。 解决方法:1、使用滤镜,语法如下 .image-style { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”filename.png”, sizingMethod=”scale”); } 注意:使用滤镜需要性能损耗。 2、给IE6单独制作一张.gif图片,打上hack .image-style{ background:transpare
    上周在微博上看到这样一条微博: 这个setStyle方法确实避免了mydiv.style.xxx这种写法大量重复的代码,确实代码简洁了不少,也很直观,但是这里还有一个问题,如果设置的样式一多,重复操作DOM无法避免,销毁原样式并重建都会增加浏览器的开销。我们可以先生成一个样式字符串,再一次性设置样式,这样可以尽量避免页面reflow。
    之前在《CSS的未来:一些试验性CSS属性》中有提到user-select这个属性,最近整理的时候有遇到,所以详细的了解了下,这里简单的介绍下...
    前段时间身边的同事和部分会员就有反馈Chrome访问首页会有闪动的问题,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,突然就发现这个问题,正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,Refresh和Reopen无法重现,只有当首次打开淘宝首页才会出现… 问题重现: wordpress不方便插入iFrame,所以请使用Chrome访问这个地方 问题定位...
    css中z-index也是常用的一个属性,这个z-index说的就是第三轴的位置,网页实际是二维的,但是页面上的元素堆叠的层次就可以看作为第三轴,所以z-index也就很好理解了,在z轴上的索引。好吧我再说的直白一点这里的z-index指的就是哪个元素显示在上面,哪个显示在下面,数值越大的越靠上,会把z-index值比较小的元素挡住。这里的上是指距离用户近。 在w3的标准文档中指出,z-index属性是针对一个确定位置的盒子(positioned box)起...
    瀑布式布局是一种多列等宽不等高的一种页面展示方式,用于图片来源比较复杂,图片尺寸比较复杂时可以使用的一种展示方式,这种展示方式比较优美,让人有种错落有致的感觉.这种展示方式在淘宝的我要买,新浪微博的广场以及蘑菇街等等网站都有应用.这里是我刚刚做的一个小站91美图 实现布局有三个思路: 最传统的思路,多弄几个容器,分几列,然后往每个列里面插入元素.其实用table分几列实现更加方便:P; 使用html5中css3的多列布局来实现.参...
    前段时间有朋友问这个效果怎样实现的,今天我简单写一下教程,希望对大家有用,还有如果大家对页面中的什么效果感到疑惑,就请留言给我,我会尽力发上教程来和大家分享的。 首先看一下最终效果和分层: 1、 背景色设置为#280021,新建图层,利用钢笔工具画如下图形,填充颜色,然后图层样式中的渐变叠加设置如下: 2、 新建图层,用椭圆工具在图形上面建一个选区,然后填充白色,如图。 3、取消选区,选择“滤镜”“高斯模糊”把白...
    HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集...
    Canvas标记很多年前就被当作一个新的HTML标记成员加入到了HTML5标准中。在此之前,人们要想实现动态的网页应用,只能借助于第三方的插件,比如Flash或Java,而引入了Canvas标记后,人们直接打通了通往神奇的动态应用网页的大门。本教程内容只覆盖了一小部分、但却是非常重要的canvas标记的应用功能――图像显示和处理。 图像来源 最常见的在canvas上画图...
    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
    一般情况下的浏览器兼容需要考虑 IE6/7/8 三种 IE 版本,当然在 IE9 开始逐步推向市场后,又会有更多的衍生版本。所以我目前只考虑 IE7~9 版本的兼容情况。
    HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。   事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。   可是,其中有一些很重要的区别...
    关于这个大家可以看两篇文章小志的《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》和小鱼的《背景半透明最佳实践》,这里就不展开了,这里提供一个小志的CSS背景颜色属性值转换工具,并在他的基础上做了少许的修改,还有就是被小志严重鄙视的去掉了提示!嘎嘎! 关于工具: 实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。 输入十六进制的颜色值以及透明度,自动在...
    今天在做页面的时候无意中发现静态页面中小图标和文本对的很齐的,在线上的页面却小图标和文本没有对齐。同事啄木鸟找出的原因是静态页面和线上的页面的html DOCTYPE不一样,静态页面为html5,线上的页面xhtml 1.0;一直以为xhtml和html5表现上是一样的,只是DOCTYPE不一样! 经过同事啄木鸟多番测试终于找出了差异的问题所在,那就是行内元素的vertical-align:middle样式。
    几款浏览器对透明度的支持方式各不相同,为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果,我们可以定义一个透明度的class,因为一写就要写3条,省...
    也许这个标题已经没有什么吸引力了,大家可能都已经沉静在高深的技术方面的研究了。 也有很多人认为今天已经进入了一个高速互联网时期,也有人曾经说过,如果你的浏览器没有开启支持javascript,那是你活该,但是当我今天在次访问国外一家知名网站的时候,突然发现了我在两年前犯过的一个错误。这个错误从表面上来看,的确算不了什么,因为其实这与交互设计师有关系。因为作为前端工程师的我根本不知道怎么办了嘛,这是托辞。 那究...
    其实早知道这个属性,但是一直没有去研究过。今天正好在twitter看到这个词,就去研究了下,正好解决了目前遇到的一个小难题,所以分享下。嗯,其实这是个比较简单的CSS3属性...
[ 共358篇文章 ][ 第9页/共18页 ][ |< ][ 5 ][ 6 ][ 7 ][ 8 ][ 9 ][ 10 ][ 11 ][ 12 ][ 13 ][ 14 ][ >| ]
© 2009 - 2025 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1