效果图： 代码实现：样式部分style.css:*{margin: 0;padding: 0;
}
body{background-color: #673929;font-size: 16px;font-family: "微软雅黑"
}
#conters{margin: 0 auto;width: 900px;
}#header{height: 220px;margin-bottom: 5px;position: relative;
}
#icon-list{position: absolute;top:170px;right: 30px;width: 130px;height: 30px;/*font-size: 0;*/
}#nav{height: 30px;background: #09c;margin-bottom: 5px;font:18px...
图片本身的优化： 图像质量要求和图像文件大小决定你用什么格式的图片，用较小的图片文件呈现较好的图像质量。 当图片色彩过于丰富且无透明要求时，建议采用jpg格式并保存为较高质量。 当图片色彩过于丰富又有透明或半透明要求或阴影效果时，建议采用png24格式，并对IE6进行png8退化（或在不得已情况下使用滤镜）。 当图片色彩不太丰富时无论有无透明要求，请采用png8格式，大多数情况下建议采用这种格式。 当图片有动画时，只能使...
span标记的样式设定width属性，会发现不会产生效果。 如果设置display:block，width属性生效，但是此时的span跟div一样了。 如果设置display:inline-block，则span并列在同行，而且width属性生效。 元素display属性的常见值说明： block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。 inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。 inline-block：将对象呈递为内联对象，但是对象的...
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}通过CSS让html网页中的内容不可选原文：http://www.cnblogs.com/lr393993507/p/5231882.html
1.了解CodeFormatter插件 在Sublime Text 3中编写代码，为了能让我们的代码格式变得漂亮整洁，需要一个能自动格式代码的插件。这里发现CodeFormatter插件不错，它能支持常见的几种编程语言：* PHP * JavaScript/JSON * HTML* CSS * SCSS * Python* Visual Basic/VBScript* Coldfusion/Railo/Lucee2.安装CodeFormatter插件 在启动Sublime Text 3程序后，使用快捷键 “ Ctl+Shift+P ”，再选择 "Package Control: Install Pack...
html,body{min-height}; 无效无效的原因应该就是没有对比元素，解决方法：html{height:100%;
}
body{min-height:100%
}原文：https://www.cnblogs.com/zjt-blogs/p/12118249.html
本文就是利用css和html自适应于文本菜单的长度。后效果图实现，例如下列：实现代码例如以下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>menu4.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="styleshe...
复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="Demo.css"></link> <!-- css与html的结合方式: 一、内联样式 在开始标签内部关联：即在styel属性里面写CSS代码。 优点：直接，很...
信经常观察大站的朋友都会发现，他们都把CSS写在HMTL页面里，一个页面的或者多个页面的背景图片，都集成到一张图片里，他们有的JS文件，也写到页面里了……也许你会迷惑，现在到处讲页面的优化，不都是要把CSS、JS都独立出来，然后掉用吗？大站这样的做法岂不是不利于SEO？难道他们真的不懂SEO吗？下面，我就给大家详细解释下其中原因。 首先，我们访问网站的时候，会对服务器发出HTTP请求，网站打开的快慢，处理与页面的大小图...
meta标签：META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。...
CSS层叠样式表CSS注释格式/**/ html注释标签是<!--XXX--> 添加样式三种方法：优先级降低1写在元素标签里，行内样式{<p style="font-size:12px;">XXX</p>}会覆盖嵌入样式和链接样式2嵌入样式是style里的,写在head之间。p{color:red;} 加上style标签的话链接样式便不会被加载3链接样式也是在head之间，<link href="style.css" rel="stylesheet" type="text/css">4写在其他样式之前否则不被加载@import url(css/styles2.css) 但是嵌...
本文是利用css和html实现自适应于文本长度菜单。实现后的效果图，如下：实现代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>menu4.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" ty...
利用正则表达式来判断ie浏览器版本 判断是否IE浏览器 if (document.all) { alert("这个是ie浏览器");} 判断是否IE6浏览器 方法一：if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("这个是ie6浏览器");} 或 /MSIE 8/.test(navigator.appVersion) 方法二： var IE = !+‘\v1‘; IE6 = IE && ([/MSIE(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6) 判断是否IE7浏览器 if ( /MSIE 7.0/ig.test(navigator.appVersion) ) {a...
### html5新增标签> 作用：让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性，视频、音频路径/地址...
本文将使用css+html+js实现横向菜单，具有下拉的多级弹出菜单。首先我们来看看效果图：首先应该写html部分的代码，代码比较简单，代码如下：<body><div id="menu"><ul><li><a href="#" id="current">首页</a></li><li><a href="#">网页版式</a><ul><li><a href="#">自适应宽度</a></li><li><a href="#">固定宽度</a></li></ul></li><li><a href="#">web教程</a><ul><li><a href="#">新手入门</a></li><li><a href="#">视频教程</a>...
《众妙之门——精通CSS3》所介绍的内容是知名网页设计网站Smashing Magazine上关于CSS专题的知识及经验的分享。书中的文章都是全球知名设计师的精华总结，可以帮助网页设计师们充分体验网页设计的灵活性，并使用那些令人炫目的CSS技术。《众妙之门——精通CSS3》共分为14章，包含了许多资深网页设计师提供的各类有用的技术、技巧和指南，内容涉及CSS布局、响应式网页设计、CSS字体排版、CSS跨浏览器兼容性及其他的高级CSS技术。《众妙之门——精通CSS3》最大的价值在于其结合大量实例，以生动的方式，详细阐述了CSS的相关知识。相信广大读者读完这本书之后，一定会有一种相识恨晚的感觉。