文章分类 -  html+css

摘要：通常情况下，SEOer非常喜欢把一个网站做到最细节，在网页设计方面，有时与设计师沟通时，通常会问到：SEO为什么要求网页设计师用 DIV+CSS布局网页?有什么好处之类的问题，其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容，更容易评估网页内容的质 量，这样有利于排名。这是S... 阅读全文

摘要：6. 适当的代码注释代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录:/*------------------------------------1. Reset2. Header3. Content4. SideBar5. Foot... 阅读全文

摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼... 阅读全文

摘要：ss中用一张背景图做页面的技术有什么优势？简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法： 首先将小图片整合到一张大的... 阅读全文

摘要：写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？下面我们就从以下十二个方面一起来... 阅读全文

摘要：最近做的项目中经常会用到margin的负值，这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位，属于左右margin负值在流动性布局中的应用。 左侧宽度固定 ... 阅读全文

摘要：这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分，暂时总结了10条。1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一开始就把所有标签的默认属性全部去除，以达... 阅读全文

摘要：1. 给你的logo添加替代文本这样有两个好处：屏幕阅读器能识别logo图片代表的含义，图片未加载到时，也能告诉非视障用户那里是你的logo。几种方法：或者，你用背景图来实现logo的话，也可以添加title属性来实现： 当然，链接+背景图的方式是最好的，但最好也加上title属性：前... 阅读全文

摘要：CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误... 阅读全文

摘要：h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select,textarea,samp {font-size:100%;}看到一些css重设,请问设置font-size:100%的目的和作用是什么?--------------... 阅读全文

摘要：CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：一、盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与... 阅读全文

摘要：在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。用户体验从产品设计阶段便开始介入进来，如原型设计中... 阅读全文

摘要：一直有人搞不明白line-height:2和line-height:2em的区别，因为他们不知道或者还没遇到过这类的问题或者差异。line-height:2是2倍的意思，如果内部有不同大小文字的情况下，以最大文字为倍数。line-height:2em也是2倍文字大小的意思，但如果内部有大文字，它还是... 阅读全文

摘要：http://zhidao.baidu.com/link?url=-oEHQETFpjnqDhgrrdBjNsnOIpu63R954SaJ8A5bRXdBxTpOGSiA3uHm4b7MnlC-Ji2BbWUVyROGKc7pils0uKvertical-align:text-bottom基础css... 阅读全文

摘要：Web前端都有些什么职位？ 概括来说，Web前端的相关职位名称主要有：“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”、“前端开发工程师”、“资深前端开发工程师”以及“前端架构师”。Web前端开发需要哪些技能? 前端开发主要是做Web端的结构、行为和表现的，对应W3C的相应标准，结构层面需要我们去了解和掌握HTML和XHTML，表现层面我们需 要的技能是CSS，而行为层方面现在基本的技能应该是JavaScript和ActionScript。其中JavaScript属于W3C的标准范畴， 而ActionScript则不在W3C的标准之中。【必备】UserInterfac. 阅读全文