HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号，第一列编号用于HTM...
频繁更换样式,会导致样式缓存, 在实际项目开发过过程中，页面是上传到服务器上的。而为了减少服务器的压力，让用户少加载，浏览器会将图片、css、js缓存到本地中，以便下次访问网站时使用。这样做不仅减少了服务器的压力，并且也减少了用户的下载次数，获得更好的用户体验。 然而在版本升级或做一些css、js等调整的时候，缓存导致用户无法显示更新后的样式，这是另人头头疼的问题。除非用户自行手动升级缓存，不过几乎所有用户不会...
HTML部分：一、超链接部分：<a herf>是超文本链接引用，属性为目标文件。 1、热区链接 <img src="图片地址" usemap="#映射图片名称"> <map name=“映射图片名称”> <area shap="热区形状" coords="热区坐标" href="URL"> </map> 2、 图片链接 <a href=" "> <img src=" " border=" " alt=" ";> // (表示规定图片的替代文本，提...
制作自己的导航条。HTML头部元素：<base> 定义了页面链接标签的默认链接地址<style> 定义了HTML文档的样式文件<link> 定义了一个文档和外部资源之间的关系练习样式表：行内样式表内嵌样式表外部样式表分别练习定义三类选择器：HTML 选择器CLASS 类选择器ID 选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>MIS问答平台</title><style type="text/css">a{font:"宋体";color:LightSkyBlue;font-size...
那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作...
需求：实现日历备忘录（静态）<!DOCTYPE html><html><head><meta charset="utf-8"><title>日历备忘录</title><style type="text/css">table {width: 900px;table-layout: fixed;border-collapse: collapse;}th,td {border: 1px dotted #999;padding: 5px;}.head {height: 30px;background-color: #DDD;text-align: center;}.body {height: 140px;vertical-align: baseline;}caption {text-align: left;}.special {background-color...
sprites是鬼怪，小妖精，调皮鬼的意思，初听这个高端洋气的名字我被震慑住了，一步步掀开其面纱后发觉很简单的东西，作用却很大什么是CSS Sprites CSS Sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。JqueryUI的效果图如下很多页面常用的小图标，但是我们看看每个小图标的源码的时候会发...
CSS设置DIV居中<style type="text/css"> body{text-align:center; }.divs{margin:0 auto; } </style><body><div class="divs">CSS设置DIV居中</div> </body>版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/you23hai45/article/details/49052753
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持类似微软雅黑的中文。方案一：你可以使用英文来替代。比如 font-family:"Microsoft Yahei"。方案二：在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。 font-family: "\5FAE\8F6F\96C5\9ED1"，表示设置字体为“微软雅黑”。 字体名称英...
第一次写博文，心情有点小小的激动~~~~~ 刚开始做移动端项目的时候遇到了一些优化的问题，比如，打开网页在2g或者3g的情况下加载网页，刚开始渲染的时候，遇到图片文件未请求，图片的高度会为0，当然，如果你给定图片的高度的时候就不会有这样的情况，这样会出现渲染过程不平缓的情况。类似这样。 之后查询了网上的一些相关资料，发现用rem可以实现宽度等比，但是项目已经基本完成，所以这个办法也是走不通了。。。@@ 最后用...
Css权重解析关于CSS权重，我们需要一套计算公式来去计算，这个就是 CSS Specificity，我们称为CSS 特性或称非凡性，它是一个衡量CSS值优先级的一个标准 具体规范入如下：specificity用一个四位的数 字串(CSS2是三位)来表示，更像四个级别，值从左到右，左面的最大，一级大于一级，数位之间没有进制，级别之间不可超越。继承或者* 的贡献值0,0,0,0每个元素（标签）贡献值为0,0,0,1每个类，伪类贡献值为0,0,1,0每个ID贡献值为0,1,0,0...
首先声明： 本人尽管在web前端岗位干了好多年，但无奈岗位对技术要求不高。html,css用的比較多，JavaScript自己原创的非常少，基本都是copy改动，所以自己真正动手写时，发现基础非常不坚固，边学习边实践，收获非常大。效果图： 不废话了，贴码了 1、css代码a:link{color:white;text-decoration:none;} a:visited{color:white;text-decorative:none;} a:hover{color:white;text-decorative:none;} a:active{color...
转载自 http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.htmlcss3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内 //因为内容盒子 只包含内容 padding 和 border-box 的宽度所以会变得很大padding-box，padding计算入width内 //padding不算在内border-box，border和padding计算...
float的讲解：初衷例子原理实现图片文字的环绕效果通过float，跳出了包裹自己的盒子，合盒子里面没有内容，那么height变为0；那么紧跟着本盒子的其他盒子就会往上移动，但是float后的元素并没有跳出文本流中，任然占有文本流的空间，其他盒子网上移动的过程中float后的内容就会去自动去拼接上移盒子中的内容，（但是两部分内容是独立的,可以通过margin: 0 50px 5px 0; 来设置间距）因此就会出现文字环绕的效果。 如何实现只浮动，盒...
1、一般主流浏览器都支持background-repeat: repeat-y;有的浏览器不支持，解决办法，用background-position 2、在table里边，如果在头部定义了寬高，在td里边colspan后，宽度失效，解决办法，在table添加样式：table-layout: fixed 3、需要注意（和(这两者的区别，今天碰到这个情况，改了很多的样式都不能是下边的td与上边的对齐，后来发现就是全角半角符号的关系原文：http://www.jb51.net/css/162944.html