专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅
如果了解的话就看下面的代码~保证看了之后会觉得相当的简单~~/***********************整体背景********************/body{/*背景*/background-position:center;/*图片居中*/background-attachment:fixed;/*图片固定不动*/background-image:url(http://hiphotos.baidu.com/hankstar/pic/item/52db56a942a680fd1f17a245.jpg);/*图片地址,记得image哦*/backgr... [阅读全文] [PDF]
CSS基础教程17篇此教程共17篇,由浅到深、循序渐进的讲述CSS知识。对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。1、CSS的应用http://www.52css.com/article.asp?id=2812、CSSSelectors,Properties,andValues选择器、属性、值http://www.52css.com/article.asp?id=2823、CSS的color颜色http://www.52css.com/article.asp?id=2834、CSS的Text文本http://www.52css... [阅读全文] [PDF]
1、class和id选择符──可以制做属于你自己的选择符◎→http://www.52css.com/article.asp?id=3452、组合与嵌套──给多个选择符或者在选择符内的选择符赋值◎→http://www.52css.com/article.asp?id=3463、CSS伪类──定义连接选择符的多种状态◎→http://www.52css.com/article.asp?id=3474、快捷属性缩写──很多属性如边框border和边界margin都可以把其他方向的属性组合在一起◎→http://www.52css.com/arti... [阅读全文] [PDF]
1、显示属性──定义元素的显示属性◎→http://www.52css.com/article.asp?id=3512、页面布局──不用表格构建页面布局◎→http://www.52css.com/article.asp?id=3523、@规则──导入样式表不同媒体类型的样式等◎→http://www.52css.com/article.asp?id=3534、伪元素──样式化首字首行等◎→http://www.52css.com/article.asp?id=354 ... [阅读全文] [PDF]
at(@)规则把CSS规则都注入了一个压缩胶囊中,并且应用到指定的某些事物中。喔。导入导入importat规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可以这样做:@importurl(addonstyles.css);这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式,看起来像这样: Example Source Code [www.52css.com]<styletype=\"text/css\"media=\"all\">@importurl(mon... [阅读全文] [PDF]
伪元素(pseudoelements)跟伪类一样吮吸选择符,使用selector:pseudoelement{property:value;}的形式。有四个吮吸器。首字和首行首字first-letter伪元素应用到元素的第一个字,而首行first-line则是元素的顶行。你可以,比如,创建一个首行粗体和首字下沉的段落,像这样: Example Source Code [www.52css.com]p:first-letter{font-size:3em;float:left;}p:first-line{font-weight:bold;}前和后... [阅读全文] [PDF]
CSS高级教程意在发挥CSS的极限,然而这些醒目的方法对中级用户的效果并不是马上就显现出来的。现在,可能显得有些烦琐,我们来学习替换样式表,设置打印样式等等。处理HTML元素最关键的一个窍门,没有任何特别的,就是理解他们是如何工作的。大部分页面都可以使用一点点的标签组合起来,你可以为每一个你选定的标签样式化。浏览器默认的可视化样式元素由变化的字体样式、边界、补白和,和重要的,显示类型。最基本的显示类型是内联inline、块block和清除none,他们分别可以用inline、block和none的值赋予display属性来操作。inline就如... [阅读全文] [PDF]
用CSS来布局很容易。如果你已经习惯用表格布局的话,起先会感觉比较困难。其实不难,只不过动机不同,并且在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待,无论你选择哪一块。你可以绝对或相对地用彼块取代此块。定位定位属性position用于定义一个元素是否absolute(绝对),relative(相对),static(静态),或者fixed(固定)。static值是元素的默认值,它会按照普通顺序生成,就如它们在HTML的出现一般。relative很像static,但可用top、right、bottom和left属性来偏移原始位置。... [阅读全文] [PDF]
应用xhtml+css进行网页布局,有很多属性跟背景图片的操作相关。很多表现因素上的图片,大部分用背景来进行处理。CSS的background的属性可以全部处理它们。 Example Source Code [www.52css.com]body{background:whiteurl(images/bg.gif)no-repeattopright;}这是如下属性的组合: Example Source Code [www.52css.com]background-color,在前面我们已经说过了。background-image,图片的存储位置... [阅读全文] [PDF]
  有三种方法应用CSS一、In-line行内  行内样式是在html标签里直接使用style属性 Example Source Code [www.52css.com]<pstyle=\"color:red\">text</p>  设定段落文字红色。  但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。二、Internal内部  使用于整个页面的植入内部样式在head标签里面,style标签包围样式。 Example Source Code [www.52css.com]<!D... [阅读全文] [PDF]
十二.控制BOX的样式样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。 为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示: 1.边框空白(MARGIN) 如图所示,位于BOX模型的最外层,包括四项属性。 格式分别如下: ·margin-top:顶部空白距离 ·margin-right:右边空白距离 ·margin-bottom:底部空白距离 ·margin-left:左边空白距离 空白的距离可以用带长度单位的数字表示。 如果使用上述属性的简化方式margin,可以在其后连续加上... [阅读全文] [PDF]
  CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^ 前言CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。W3C(The World Wide Web Consortium)把动态H... [阅读全文] [PDF]
1 共12条 分1页