当前位置:首页 > CSS编程 > css基础

css基础

CSS3 多媒体查询实例

10

CSS3多媒体查询实例本章节我们将为大家演示一些多媒体查询实例。开始之前我们先制作一个电子邮箱的链接列表。HTML代码如下:实例1<!DOCTYPEhtml><html><head><style&g

响应式 Web 设计 &#8211; 网格视图

7

响应式Web设计-网格视图什么是网格视图?很多网页都是基于网格设计的,这说明网页是按列来布局的。使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。响应式网格视图通常是12列,宽度为100%,在浏览器窗口大小调整时会自动伸缩。

CSS3 多列

7

CSS3多列CSS3可以将文本内容设计成像报纸一样的多列布局,如下实例:.newspaper{border:1pxblacksolid;padding:15px;-webkit-column-count:3;/*Chrome,Safari,

CSS3 圆角

12

#rcorners1{border-radius:25px;background:#8AC007;padding:20px;width:200px;height:150px;}#rcorners2{border-radius:25px;bo

CSS text-indent 属性

11

csstext-indent属性实例缩进段落的第一行50像素:p{text-indent:50px;}属性定义及使用说明text-indent属性规定文本块中首行文本的缩进。注意:负值是允许的。如果值是负数,将第一行左缩进。默认值:0继承:

CSS 链接(link)

10

CSS链接不同的链接可以有不同的样式。链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。特别的链接,可以有不同的样式,这取决于他们是什么状态。这四个链接状态是:a:link-正常,未访问过的链接a:visited-用户已访问

CSS3 用户界面

6

CSS3用户界面CSS3用户界面在CSS3中,增加了一些新的用户界面特性来调整元素尺寸,框尺寸和外边框。在本章中,您将了解以下的用户界面属性:resizebox-sizingoutline-offset浏览器支持表格中的数字表示支持该属性的

CSS 分组和嵌套

10

CSS分组和嵌套选择器分组选择器在样式表中有很多具有相同样式的元素。h1{color:green;}h2{color:green;}p{color:green;}为了尽量减少代码,你可以使用分组选择器。每个选择器用逗号分隔。在下面的例子中,

CSS3 文本效果

13

#textshadow{text-shadow:5px5px5px#FF0000;font-size:30px;}#wordwrap{width:11em;border:1pxsolid#000000;word-wrap:break-wor

CSS 分页实例

6

CSS分页实例.article-bodyulli{background-image:none}.pagination,.pagination2,.pagination3{display:inline-block;padding:0;marg

首页 上一页 [1] [2] [3] [4] [5]5 / 5 页