CSS命名规范 一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 二．常用类/ID命名规范 页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接...
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>className属性</title><style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:b...
1)关于子选择器 ( > ) 在ie7+标准模式，chrome，ff下开始支持了。有人说在ie7下，如果父元素与子元素之间有注释的话就会失效，但是我没有发现。 2) 临近兄弟选择器（+） 在ie7+标准模式。chrome，ff下开始支持了。但是，如果父元素与子元素之间有注释的话就会失效。ie8没有。 3）普通兄弟选择器（~） 选择该元素后面的所有兄弟节点，在ie7+标准模式，chrome，ff下支持。它和临近兄弟节点选择器的区别就是，前者就选择后面所有的，不...
课程开始： 前三节课，我们知道了什么是“内容块状元素和内联元素”，以及XHTML+CSS布局的核心概念“盒子模型”，同时又学习了一下页面布局中两种方法中的一种方法“浮动”，这次我们就利用这三个概念，来制作一款，经典的导航条，别看它其貌不扬，可是网上所有的导航条都可以再它的基础上修改而来哟~，厉害吧~！其实理论都是一样的，只要你能理解并学会这节课的内容，以后再困难的导航条你都可以很应对，EASY ！！！ O...
闭合浮动元素也就是清除浮动，在jb51.net多次被提及，然后很多CSSer对此并不是非常了解，往往未闭合浮动元素，造成页面混乱的状况。闭合浮动元素也就是清除浮动，在jb51.net多次被提及，然后很多CSSer对此并不是非常了解，往往未闭合浮动元素，造成页面混乱的状况。 按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会...
对于Web前端初学者或者经验不够丰富的人来说，出现页面排版布局混乱的情况并不罕见，有时候明明前面部分的网页都很整齐美观，可是在接下来的部分中经常会出现网页布局混乱，比如content无法调整到开发者需要的位置，或者出现页面重叠的现象。以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结，不足之处，希望大家互相补充学习。）DIV+CSS网页错位的原因与解决方法常常我们会遇到我们要设置在一行显示的...
转自豆瓣：http://www.douban.com/note/330400235/网页设计:重置CSS样式表网页设计，让人最头疼的莫过于让页面兼容各大浏览器，准确些是兼容它们“默认”的CSS样式表。这样，“抹掉”这些默认样式表成了首要问题，也就有了CSS样式表重置一说，目前用的最多的，也是自己现在正在用的方法是，添加以下代码：第一种方式 * {margin:0px; padding:0px;} 现在众多的设计师发现，这行代码虽然简单，但却让网页解析太慢，呵呵，当然了，...
一、最简单或者明显的方式是使用定时器 1、在网页中加入布局覆盖真实网页内容 2、使用定时器确定加载所用时间的长短，其实并不是真正的加载进度实现<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>定时器的进度条</title><script src="../js/jquery-3.2.1.js"></script><script type="text/javascript">$(function () {setInterval(function () {$(".loading").fadeOut();},3000)})</script><style typ...
这篇文章主要介绍了HTML页面自动清理js、css文件的缓存（自动添加版本号）,小编觉得挺不错的，现在分享给大家HTML源码，也给大家做个参考。对HTML感兴趣的小伙伴们一起跟随小编过来看看吧 在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人...
网页的图片是 调用服务器action，以数据流的形式写到页面的。 每次进入页面都会重新下载图片 有没有办法可以缓存图片，在缓存中直接取出 回复讨论(解决方案) http://www.cnblogs.com/yuyii/archive/2008/10/16/1312238.html 设置Cache-Control 我加上 还是会 去加载图片 图片是个action请求 二进流还能缓存吗？没听说过。页面级缓存...
代码如下:css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） 使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 代码如下: 但浏览器会认为他是 该文件的某个版本！ 第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件 ，刷性缓存的作用。大家可能有时候发现...
问题:有一个html静态网页，每次打开,会缓存上次的内容，这样即使我更新了内容，显示的也还是旧的内容，甚至在断网的情况下，也能够访问，加了还是不行。 请问该怎么办。 回复讨论(解决方案) Ctrl+F5强制刷。或者清除历史缓存。就行了 可以在URL后面，加一个随机参数，类似：http://www.baidu.com?p=fdksdjskdsjdjs 这样，每次请求，都会是新的，而不会采用缓存了（因为URL每次都是新的） Ctrl+F5强制刷。或者清除历...
网页效果HTML代码<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>假期项目</title><style>h1{ font-size: 30px;}</style><meta name="description" content="光山县第二高级中学分校（光山二高分校）位于河南省信阳市光山县滨河北路。创建于2008年，现有4个年级90多个教学班。..."><meta name="keywords" content="光山县第二高级中学分校 光山县第二高级中学分校师资队伍 光山县第二高级中学分校交流与学...
CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与下一行文本的顶部之间有较大的空间，例如p { l...
本章给大家带来css网页布局必知的基础小知识（总结），让大家可以了解关于css网页布局的一些知识点。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、盒子模型的第一层到第五层： border、padding+content、background-image、background-color、margin2、清除浮动。对受到浮动影响的标签作以下操作： 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+o...