随笔分类 - html css
有关html、css技巧
摘要：这里说明一下，是针对普通手机开发 Wap 2.0的网站的制作。相比3G智能手机简单多了，只是一些注意标签和css属性的使用，避开一些不支持的样式。一、文档的属性的设置1.xml 的声明并不是必要的，但如果忽略在许多WAP浏览器中出错。听说会影响某些 wap 浏览器，比如 Sony Ericsson 的一些型号，“ 当接收到的 MIME 类型为 text/html 时, 会利用 XML 声明来区分 XHTML MP 和 IHTML（一个 NTT DoCoMo 定义的有专利的标记语言）文档；如果文档包含 XML 声明，它就是一个 XHTML MP 文档，否则它就是一个 IHTML 文档。”2. [
阅读全文
摘要：网站优化名词介绍.1、关键字您需要为您的网站页面确定一个关键字，这是与您网站的主题定位相关的词语，这些关键字是人们进入你网站的主要入口点，他们主要集中在您网站的每个页面上，每个页面的关键字不应该完全相同，但相关，从首页到目录页再到内容也，形成金字塔。2、目标关键字同上，主要分布在首页的关键字，一般为搜索量大，网站主要围绕的关键字。3、长尾关键字在你网站上非目标关键词带来的搜索流量的关键词，就被称为长尾关键词，长尾关键词一般是包含目标关键词的词组或短语。4、锚文本依附在文字上的超级链接，网站页面之间的跳转与访问都是通过超链接来完成的。它是HTML中 的标签。5、导入链接/友情链接/外部链接导入链
阅读全文
摘要：CSS3已经支持背景rgba的rgba透明度，这一方法可以避免元素内容也随背景一起变透明。但是这一属性在低于IE9的版本中却不被支持，我们可以通过IE私有滤镜来实现背景透明效果。rgba参数格式：(red,green.,blue,alpha),alpha值0-1。 ie滤镜参数#3363370b，前两位为16进制透明度，比如说值是上面用到的0.2，那么就是0.2×255＝51，再转换成16进制为33。 至于10进制转换16进制，请查阅js函数toString(16) 1、背景透明内容不透明2、背景透明内容不透明 没有什么好解释的，rgba参数(red,green.,blue,alph
阅读全文
摘要：引言 您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种： ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！ META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉...
阅读全文
摘要：1 2 3 4 5 经典页面布局，任何分辨率下，全屏显示 6 16 17 25 26 27 28 29 30 31 32 >33
阅读全文
摘要：用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实 际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是，必须为该容器指定宽度：复制内容到剪贴板代码:div#container {margin-left: auto;margin-right: auto;width: 980px;
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：根据模块化的思想，将目录划分为html，css，image三大部分。css部分：（base.css、globa.css和mod文件夹）1、base.css放置的是reset，clearfix等基础类和工具类；2、globa.css放置的是布局样式，包括header，footer等样式；3、mod文件夹下面放置的模块，组件的样式；html部分：（mod文件夹和template文件夹）1、mod文件夹下面放的是模块的代码片段集合。如果有可能尽可能粒度划分的更细，因为这些都是代码片段，希望以后有工具做到代码片段和css的自动载入;2、template文件夹下面放的是产出物，其实就是一些模块的拼合。只
阅读全文
摘要：细节1………………………………………………………………………………一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写：<li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li>二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写：<li>记住密码<img src="static/img/xyx.jpg" align="middle"/><
阅读全文
摘要：float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中， 应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。像这样在一个元素上用CSS设置浮动：#sidebar { float: right; }fload属性有四个可用的值：Left 和Rig
阅读全文
摘要：众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性。而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与background-repeat. 这是其他方法所
阅读全文
摘要：Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“med
阅读全文
摘要：#square { width: 100px; height: 100px; background: red; }有兴趣的话，最好是自己试试以下！······#rectangle { width: 200px; height: 100px; background: red; }#circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
阅读全文
摘要：水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 au
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：1 <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c
阅读全文
