css颜色

css的权重

由 回眸只為那壹抹淺笑 提交于 2020-03-16 12:06:06
css2.0对权重描述的并不是很清楚，但是在 CSS2.1 里W3C已经对CSS的权重有了明确的规定。 Media type and element match Importance and origin in ascending order of importance (confusingly): user agent style sheets user normal style sheets author normal style sheets author important style sheets user important style sheets Specificity Source order 　　这里面最重要的就是3.Specificity特异性，我把他翻译为权重。 权重是样式表的精髓，它也是样式表时时刻刻在做的事情，是它决定元素该用那个规则而不用哪个规则。在它做决定一起，它要参考几样东西：规则的特殊性，规则的来源，规则出现的顺序。这几样东西的先后顺序，也就是左右它决定的先后顺序。也就是说，它们在帮助层叠做决定的过程中，扮演的优先级别是：特殊性》来源》顺序。只有在前一项一致的情况才去考虑后者。也就是说当几个规则的特殊性一致，才去考虑他们的来源是否一直，是否可以决定用哪条规则，如果来源也一样的话，就只剩下用出现的顺序，来决定最终的胜出者

转：css中!important的作用

由 女生的网名这么多〃 提交于 2020-03-16 12:03:55
　转： http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151859.html {*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了，以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过，可是现在发生了变化。众所周知，!important这个规则对Ie6.0,Ie7.0和Firefox能写hack，现在就来讲解 这是什么原理： 　　*对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别; 　　!important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用. 　　(1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00; (2)区别Ie6.0 与Ie7.0、firefox的hack为:border:1px solid #f00!important;border:2px solid #f00; 　　在(1)中，之所以把*放在后面是因为ff不识别*而导致只对它设置了一次border;而ie 系列进行了两次border设置后，后一个属性覆盖了前一个属性，故为一像素的边框。 　 　在(2)中，之所以把!important放在第一个border 设置

CSS的工作原理（样式重复的标签，浏览器到底会选择哪个样式？？）

由 流过昼夜 提交于 2020-03-16 12:02:24
举个例子，标签P，也许会在嵌入样式表、外部样式表中多次被设置相关属性的值(比如color: red;/color : blue)，那么浏览器到底是以哪个值来显示P的样式呢？？？这就是CSS的工作原理。（其中特指度比较重要） CSS有3种工作机制：1.继承 2.层叠 3.特指 （其中层叠原则是基于继承和特指的） 1.继承 ：css中的祖先元素会向后代传递一样东西：CSS属性的值。body是所有元素的祖先，如果我们指定body{color:red;},那么文档中的所有元素都继承这一样式。这就是为什么，我们在记事本程序写了一行字以后，重命名为：xxx.html，在用不同浏览器打开时，会有不同的字体效果，因为每个浏览器都有自己的预定义样式表，其中包括body中的字体属性，而我们用浏览器打开我们的Html时，我们继承了这个属性。 当然，不是所有的属性都能被继承，能被继承的属性大多数和文本有关，比如颜色、字体、字号等。而有些属性，被继承下来没有意义，或者被继承下来会影响页面的布局，比如涉及元素定位，margin,padding，border等属性。 2.层叠 ：也就是CSS中的C（cascading）,主要是按照样式来源和特指度来层叠。 a）样式来源 ：以下是浏览器层叠各个来源样式的顺序： 浏览器默认样式表 用户样式表（比如有视力障碍的用户，加了一个body{font-size:200%}）

python之路 jquery

由 只谈情不闲聊 提交于 2020-03-16 08:10:09
简介： jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使 用jQuery。 参考文档： http://jquery.cuishifeng.cn/ 一、导入+简单应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>shuaige</title> <style> .r { background-color:red; /* 给标签设置背景颜色为红色*/ } </style> </head> <body> <div id="id_1"> 123 </div> <div class="c1">1</div> <div class="c1">2</div> <div class="c1">3</div> <!--导入Jquery文件--> <script type="text/javascript" src="jquery-1.8.2

CSS Sprites

由 三世轮回 提交于 2020-03-15 17:23:56
CSS Sprites 1.简介 CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。 2.优点 （1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； （2）CSS Sprites能减少图片的字节； （3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。 （4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。 3.缺点 （1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。 （2）图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。 （3）图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。 （4）可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css

CSS Image Sprite--网页图片应用处理方式

由 倾然丶 夕夏残阳落幕 提交于 2020-03-15 17:23:37
CSS Sprites简介 CSS Sprites在国内很多人叫 css 精 灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样 一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。 加速的关键，不是降低质量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按 byte 计算。 客户端 每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。 2 CSS Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出 背景图片 的位置。 3 CSS Sprites优缺点 利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； CSS Sprites能减少图片的字节

css sprite-网页优化技术

由 。_饼干妹妹 提交于 2020-03-15 17:23:04
引自百度百科 一、CSS Sprites简介 　　 CSS Sprites在国内很多人叫css 精灵 ， 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅 一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。 　　加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。 客户端 每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。 二、CSS Sprites原理 　 　CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景 图片的位置。 三、CSS Sprites优缺点 　　利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； 　　CSS

css sprite

由 我们两清 提交于 2020-03-15 17:22:42
css sprite 编辑 目 录 1 CSS Sprites简介 2 CSS Sprites原理 3 CSS Sprites优缺点 4 CSS Sprites的使用 5 CSS Sprite的例子 6 CSS Sprites的问题 1 CSS Sprites简介 CSS Sprites在国内很多人叫 css 精灵 ，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。 加速的关键，不是降低质量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按 byte 计算。 客户端 每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。 2 CSS Sprites原理 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出 背景图片 的位置。 3 CSS

HTML & CSS

由 走远了吗. 提交于 2020-03-14 20:07:09
1 请遵循html元素必须有开始和结束的标准规范 <html></html> <p></p> 2 空元素,空元素没有结束标签，形式如下 <br /> //换行 <hr /> //水平线 3 html注释 <!-- 注释内容 --> 4 上标下标 <sub>下标</sub> //下标 <sup>上标</sup> //上标 5 预格式文本 <pre></pre> //保留了里面的空格，适合放代码，html元素默认会除去行首行尾段首段为空格 6 删除线下划线 <del></del> <ins></ins> 7 链接 没有下划线的链接 <a href="/example/html/lastpage.html" style="text-decoration:none"> 使用 Target 属性，你可以定义被链接的文档在何处显示 <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> 链接到同一个页面的不同位置 name 属性规定锚（anchor）的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的 <a name="tips">基本的注意事项 - 有用的提示</a> <a href="#tips">有用的提示</a> 8 样式表 内部定义的

CSS 基础

由 谁都会走 提交于 2020-03-14 18:31:56
CSS 简介 CSS 概述 CSS 指层叠样式表 ( C ascading S tyle S heets) 样式定义 如何显示 HTML 元素 样式通常存储在 样式表 中 把样式添加到 HTML 4.0 中，是为了 解决内容与表现分离的问题 外部样式表 可以极大提高工作效率 外部样式表通常存储在 CSS 文件 中 多个样式定义可 层叠 为一 样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。 由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。 为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。 所有的主流浏览器均支持层叠样式表。 样式表极大地提高了工作效率 样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的
订阅 css颜色