一、定位的基本概念一般我们定位元素都使用绝对定位，因为绝对定位是最容易掌握的定位方式。但结合其他定位方式，我们可以设计更加灵活的页面。CSS控制定位的属性为：PositionCSS中关于定位（position）是这样定义的：定位（position）：允许用户精确定义元素框出现的相对位置，可以相对于它通常出现的位置，相对于其上级元素，相对于另一个元素，或者相对于浏览器视窗本身。每个显示元素都可以用定位的方法来描述，而其位置由此元素的包含块来决定的。他的允许值
系统 2019-08-29 23:02:24 2334
一个好的命名习惯对一个网页制作人员来说可以提高代码修改的效率及代码的可读性，本图是彦磊根据自己的习惯整理而成，希望和大家交流，每个人的习惯不一样，不一下完全按照这样的规则来但一定要有自己的一套规则。图解div+css命名规则
系统 2019-08-12 01:32:57 2321
不经过任何处理而直接打印网站上的页面会得到一个不理想的效果。我们WEB开发人员可以简单的采用几个要点来使之达到较为合适的效果：使用响应式布局设置打印的效果打印背景图片和颜色，在合适的时候添加显示的网址或页面链接，以供参考使用cssfilter提高打印的图形效果针对打印的样式，而不是屏幕显示样式首先，我们需要使用媒体查询（mediaquery）针对打印样式设置。@mediaprint{}重新针对打印写CSS样式是没有必要的，我们只需要针对差异设置打印的样式覆
系统 2019-08-29 23:03:46 2310
whatisit?
ie-css3isascripttoprovideinternetexplorersupportforsomenewstylesavailableintheupcomingcss3standard.howitworks
ifyou'reviewingthispageininternetexplorer,someoftheelementshavebeenrebuiltbyt
系统 2019-08-12 09:29:39 2287
来自：http://www.zhjie.net/css3-360-degree-rotation.htm浏览器必须支持CSS3…chrome.火狐、opera、最新版都支持.my_logoa{color:#9bbb59;font-size:24px;display:block;-moz-transition:-moz-transform1sease0s;/*火狐*/-webkit-transition:all1sease0s;/*chrome*/-o-tr
系统 2019-08-29 22:34:11 2281
有一系列属性可以改变网页文字的大小和形状，概要如下：font-family文字使用的字体，比如宋体，TimesNewRoman，Arial等等这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和timesnewroman和宋体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。这非常有用，因为不同的电脑拥有不同的字体。例子font-size:arial
系统 2019-08-29 23:39:45 2275
文章摘抄http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html一般情况下，优先级如下：（外部样式）Externalstylesheet<（内部样式）Internalstylesheet<（内联样式）Inlinestyle解释：1.内联样式表的权值最高1000；2.ID选择器的权值为1003.Class类选择器的权值为104.HTML标签选择器的权值为1
系统 2019-08-29 22:10:08 2258
clip剪切图片示意图假设原图片的宽度高度500×375（px）
系统 2019-08-29 22:55:34 2246
Absolute，CSS中的写法是：position:absolute;TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。一般来讲，网页居中的话用Absolute就容易出错，因为网页一直是随着分辨率的大小自动适应的，而Absolute则会以浏览器的
系统 2019-08-29 22:57:05 2243
CSS循序渐进（四）表里春秋vararrBaiduCproConfig=newArray();arrBaiduCproConfig['uid']=2214;arrBaiduCproConfig['n']='sayyescpr';arrBaiduCproConfig['tm']=48;arrBaiduCproConfig['cm']=100;arrBaiduCproConfig['um']=50;arrBaiduCproConfig['rad']=1;arr
系统 2019-08-29 22:59:23 2222
常见语法*通用元素选择器，匹配任何元素E标签选择器，匹配所有使用E标签的元素.infoclass选择器，匹配所有class属性中包含info的元素#footerid选择器，匹配所有id属性等于footer的元素E,F多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔EF后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔E>F子元素选择器，匹配所有E元素的子元素FE+F毗邻元素选择器，匹配紧随E元素之后的同级元素F（只匹配第一个
系统 2019-08-12 09:27:25 2194
50BeautifulCSS-BasedWeb-Designsin2006一眨眼2006年即将结束，各大机构纷纷开始总结2006的各领域代表事件。看看smashingmagazine.com公布2006世界上基于CSS最美的50个网站这里仅仅是基于CSS上的视觉美丽,并不认同个别网站的交互布局设计.SmashingMagazine图片附件:design38.jpg(2006-12-2514:16,105.99K)SteveLeggat.com图片附件:de
系统 2019-08-29 22:44:54 2171
今天在前端观察上看到了《-webkit-filter是神马？》，感觉特别有意思，具体关于CSSFilter可以看FilterEffects1.0,以及filter功能，Webkit率先支持了这几个功能，效果非常赞+10086！支持的效果有：blur（模糊）grayscale（灰度）drop-shadow（阴影）sepia（褐色滤镜）brightness（亮度）contrast（对比）hue-rotate（色相）invert（反相）saturate（饱和度）
系统 2019-08-12 09:30:21 2131
