05 2014 档案

web标准中定义id与class有什么区别吗
摘要：blueidea aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa blueideaaaaaaaaa一.web标准中是不容许重复ID的,比如 div id="aa" 一个页面... 阅读全文
posted @ 2014-05-31 22:16 madwoman 阅读(623) 评论(0) 推荐(0)
网页尺寸规范
摘要：1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。... 阅读全文
posted @ 2014-05-31 22:14 madwoman 阅读(754) 评论(0) 推荐(0)
SEO为什么要求网页设计师用DIV+CSS布局网页?
摘要：通常情况下，SEOer非常喜欢把一个网站做到最细节，在网页设计方面，有时与设计师沟通时，通常会问到：SEO为什么要求网页设计师用DIV+CSS布局网页?有什么好处之类的问题，其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容，更容易评估网页内容的质量，这样有利于排名。这是S... 阅读全文
posted @ 2014-05-30 22:14 madwoman 阅读(202) 评论(0) 推荐(0)
去掉CSS赘余代码，CSS可以更简洁
摘要：本篇文章适合css新手学习，对于已经掌握了css的朋友们也可以通过本片文章来复习知识。 作者通过实践，认为在有些情况下css的代码是可以更加简洁的，多数情况下是因为新手对于一些具有多属性的元素代码不能精简来写造成的。精简的代码对于网页是有莫大的好处的，对于浏览者访问速度会有一定的提升，另外对于搜索... 阅读全文
posted @ 2014-05-29 22:11 madwoman 阅读(387) 评论(0) 推荐(0)
解决IE6、IE7、Firefox兼容最简单的CSS Hack
摘要：写三句代码来控制一个属性，区别Firefox，IE7，IE6： background:orange; *background:green !important; *background:blue; 说明：这段代码会使在Firefox中，背景呈橙色；IE7中为绿色；IE6中为蓝色。道... 阅读全文
posted @ 2014-05-29 21:53 madwoman 阅读(128) 评论(0) 推荐(0)
实战中总结出来的CSS常见问题及解决办法
摘要：一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。三、... 阅读全文
posted @ 2014-05-28 13:48 madwoman 阅读(471) 评论(0) 推荐(0)
高效整洁CSS代码原则 (下)
摘要：6. 适当的代码注释代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录:/*------------------------------------1. Reset2. Header3. Content4. SideBar5. Foot... 阅读全文
posted @ 2014-05-26 20:58 madwoman 阅读(158) 评论(0) 推荐(0)
高效整洁CSS代码原则（上）
摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼... 阅读全文
posted @ 2014-05-26 20:49 madwoman 阅读(181) 评论(0) 推荐(1)
网站使用标准的好处
摘要：我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版... 阅读全文
posted @ 2014-05-25 21:37 madwoman 阅读(243) 评论(0) 推荐(0)
css中background背景属性概述
摘要：background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/background:url(背景图片路径) no-repeat bottom center... 阅读全文
posted @ 2014-05-25 11:52 madwoman 阅读(214) 评论(0) 推荐(0)
10个CSS简写/优化技巧
摘要：CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。 CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写规则： 一、盒子大小 这里主要用于两个属性：margin和padding，我们以margin为... 阅读全文
posted @ 2014-05-24 19:19 madwoman 阅读(256) 评论(0) 推荐(0)
HTML文档与盒子模型
摘要：关于HTML 百度百科里是这么说的：超文本标记语言，即HTML(Hypertext MarkupLanguage)，是用于描述网页文档的一种标记语言。 为什么叫用于“描述”网页文档的“标记”语言呢? 简单地说，它不像Java，C++等程式语言，而是通过标记(也称标签)来表示一个网页的结构与... 阅读全文
posted @ 2014-05-24 19:01 madwoman 阅读(302) 评论(0) 推荐(0)
使用DIV+CSS布局网站的优点和缺陷
摘要：随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且... 阅读全文
posted @ 2014-05-23 23:30 madwoman 阅读(681) 评论(0) 推荐(0)
块元素
摘要：块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display... 阅读全文
posted @ 2014-05-22 23:26 madwoman 阅读(500) 评论(0) 推荐(0)
CSS的盒子模型（Box Model）
摘要：盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此。然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自W3C 标准浏览器。盒子模型下图就是一个典型的盒子模... 阅读全文
posted @ 2014-05-22 23:05 madwoman 阅读(225) 评论(0) 推荐(0)
派生选择器
摘要：通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的... 阅读全文
posted @ 2014-05-20 22:17 madwoman 阅读(259) 评论(0) 推荐(0)
CSS基础教程:群组化选择器
摘要：常常我们的CSS 样式中会有好几个地方需要使用到相同的设定时，一个一个分开写会是一件满累人的工作，重覆性太高且显得冗长，更不好管理....在CSS 语法的基本设定中，就可以把这几个相同设定的选择器合并在一起，原本可能是写了7~8 行相同的语法，合在一起后就只要短短的一小行，怎么看都让人心旷神怡啊~例... 阅读全文
posted @ 2014-05-20 22:08 madwoman 阅读(432) 评论(0) 推荐(0)
!important覆写css行内样式
摘要：Hello World众所周知，行内式最高级的， 如果我们要想使用导入式的来取代这个行内式的最高级，该如何写呢，用！important 如：.block span{ font-weight: normal !important; color: #000 !important;}这样这个c... 阅读全文
posted @ 2014-05-19 22:35 madwoman 阅读(1262) 评论(0) 推荐(0)
HTML <span> 标签
摘要：定义和用法 标签被用来组合文档中的行内元素。HTML 与 XHTML 之间的差异NONE提示和注释：提示：请使用 来组合行内元素，以便通过样式来格式化它们。注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。例子some text.some other text.例子解释... 阅读全文
posted @ 2014-05-19 22:31 madwoman 阅读(182) 评论(0) 推荐(0)
div style标签内嵌CSS样式
摘要：我们在DIV标签内、SPAN标签内、p标签等html标签内使用style属性直接设置div的样式。一、在标签内使用style设置css样式 - TOP1、实例html源代码片段：设置字体大小14px,颜色为红色 2、div标签内使用style设置样式截图div标签内设置样式截图二、在标签内使用st... 阅读全文
posted @ 2014-05-19 22:24 madwoman 阅读(2523) 评论(0) 推荐(0)
引用外部CSS的link和import方式的分析与比较
摘要：很多网页中的 CSS 链接与引用是这样写的： 而很多网站使用的都是 link而像 google 百度 163等网站它们都是直接写在网页中。当然使用链接 link 和导入 import 的好处就是易于维护，但当网速比较慢的时候，会出现加载中断的情况，从而导致页面排版出错。他俩的作用相同，唯一的不同是服... 阅读全文
posted @ 2014-05-18 13:10 madwoman 阅读(207) 评论(0) 推荐(0)
CSS样式表引用方式
摘要：1、外部文件引用方式；(推荐使用)2、使用@import引用外部CSS文件;3、内部文档头方式也叫内嵌法调用；4、直接插入式也叫行内样式。它们主要的差别在于它们规定的风格使用的范围不同： 一、外部文件引用方式 外部文件引用方式即将CSS写成一个文件，在HTML文档头通过文件引用来进行风格控制。　... 阅读全文
posted @ 2014-05-18 11:05 madwoman 阅读(5189) 评论(0) 推荐(0)
引入样式表(css)的四种方式
摘要：一、使用style属性： 将style属性直接加在html标签里。 例如： 这种用法的优点 是可灵巧应用样式于各标签中，但是缺点则是没有整篇文件的『统一性』。二、使用style标签： 将样式规则写在标签之中。 例如： 通常是将整个的 结构写在网页的 部份之中。这种用法的优点就是在于整篇... 阅读全文
posted @ 2014-05-18 10:55 madwoman 阅读(1402) 评论(0) 推荐(0)
html中有序列表标签ol,li的高级应用
摘要：本文主要介绍html中有序列表标签ol,li的高级应用, 在网页设计时我们设计有序列表内容时，经常会在每个ITEM前手工加上一个数值，或是由程序加上这个数值。 而如果使用有序列表标签ol和li，则不需要这么麻烦，根本不用自行去填写序数，当单层列表的时候这种特性似乎并不明显，而当使用多层的时候... 阅读全文
posted @ 2014-05-15 15:25 madwoman 阅读(3817) 评论(0) 推荐(0)
HTML 基本标签
摘要：HTML中最重要的标签是那些定义标题，段落，转行的标签。 学习HTML最好的方法是通过实例练习。W3S打造了一个非常出色的HTML编辑器。 使用这个编辑器，可以随意地编辑你的HTML代码，然后点击按钮去查看它的显示结果。 实例 简单的HTML文档 这是个非常简单的HTML文档举例，只使... 阅读全文
posted @ 2014-05-15 11:44 madwoman 阅读(410) 评论(0) 推荐(0)
SEO中HTML标签权重列表
摘要：网上流传很久的一份资料《SEO中HTML标签权重》，这里做一份备份。HTML标签权重分值排列内部链接文字：10分 标题title：10分 域名：7分 H1,H2字号标题：5分 每段首句：5分 路径或文件名：4分 相似度（关键词堆积）：4分 每句开头：1.5分 加粗或斜体：1分 文本... 阅读全文
posted @ 2014-05-15 11:26 madwoman 阅读(558) 评论(0) 推荐(0)
HTML 和 XHTML 区别
摘要：1．初级改善 为页面添加正确的DOCTYPE很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以，如果你... 阅读全文
posted @ 2014-05-12 23:42 madwoman 阅读(248) 评论(0) 推荐(0)
HTML相对路径和绝对路径
摘要：html语言第一课 阅读全文
posted @ 2014-05-11 20:46 madwoman 阅读(301) 评论(0) 推荐(0)