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

css基础

CSS padding(填充)

14

CSSpadding(填充)CSSpadding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。padding(填充)当元素的padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使

CSS3 教程

5

CSS3教程CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。本教程向您讲解CSS3中的新特性。开始学习CSS3!CSS3实例div{transform:rotate(30deg);}点击"尝试一下"按钮查看在线实例。CSS3参考

CSS 颜色名称

25

css颜色名称所有浏览器都支持颜色名称147颜色名称定义在html和css的颜色规格(17个标准色加上130多个其他)。下表列出了所有这些,连同其十六进制值。提示:17种标准颜色:浅绿色,黑色,蓝色,紫红色,灰色,灰色,绿色,石灰,栗色,海

CSS Border(边框)

6

CSS边框CSS边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。在四边都有边框红色底部边框圆角边框左侧边框带宽度,颜色为蓝色边框样式边框样式属性指定要显示什么样的边界。border-style属性用来定义边框的样式border-s

CSS !important 规则

6

CSS!important规则什么是!importantCSS中的!important规则用于增加样式的权重。!important与优先级无关,但它与最终的结果直接相关,使用一个!important规则时,此声明将覆盖任何其他声明。实例#m

CSS 链接(link)

8

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

CSS 布局 – 水平 & 垂直对齐

7

CSS布局-水平&垂直对齐水平&垂直居中对齐元素居中对齐要水平居中对齐一个元素(如<div>),可以使用margin:auto;。设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度,并将两边的空外边距平均分配:div元素

CSS text-indent 属性

10

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

CSS 表单

29

CSS表单一个表单案例,我们使用CSS来渲染HTML的表单元素:CSS实例input[type=text],select{width:100%;padding:12px20px;margin:8px0;display:inline-bloc

CSS 单位

13

CSS单位CSS有几个不同的单位用于表示长度。一些设置CSS长度的属性有width,margin,padding,font-size,border-width,等。长度有一个数字和单位组成如10px,2em,等。数字与单位之间不能出现空格。

CSS 计数器

7

CSS计数器CSS计数器通过一个变量来设置,根据规则递增变量。使用计数器自动编号CSS计数器根据规则来递增变量。CSS计数器使用到以下几个属性:counter-reset-创建或者重置计数器counter-increment-递增变量con

CSS Web安全字体

3

CSSWeb安全字体组合常用的字体组合font-family属性是多种字体的名称,作为一个"应变"制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。你想要的字体类型如果浏览器找不到,它会从通用的

CSS 布局 Overflow

15

CSS布局-OverflowCSSoverflow属性用于控制内容溢出元素框时显示的方式。#overflowTest{background:#4CAF50;color:white;padding:15px;width:80%;height:

CSS 参考手册

2

CSS参考手册CSS参考手册在所有主流浏览器中测试通过.CSS属性CSS属性组:动画背景边框和轮廓框颜色内容页的媒体属性尺寸盒子模型(新)盒子模型(旧)字体内容生成网格超链接线框列表外边距字幕多列内边距页面媒体定位分页Ruby语音表格文本2

CSS 属性选择器

4

CSS属性选择器具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。属性选择器下面的例子是把包含标题(titl

CSS 动画

14

CSS动画定义和用法一些CSS属性是可以有动画效果的,这意味着它们可以用于动画和过渡。动画属性可以逐渐地从一个值变化到另一个值,比如尺寸大小、数量、百分比和颜色。浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。紧跟在数字后面的-

CSS line-height 属性

10

cssline-height属性实例使用百分比设置行高:p.small{line-height:90%}p.big{line-height:200%}在此页底部有更多的例子。属性定义及使用说明设置以百分比计的行高:.注意:负值是不允许的默认

CSS3 column-gap 属性

4

css3column-gap属性实例指定列之间的的间隙为40个像素:div{column-gap:40px;}在此页底部有更多的例子。浏览器支持属性column-gap50.04.0-webkit-10.02.0-moz-9.03.1-we

CSS 媒体类型

13

CSS媒体类型媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。 媒体类型一些CSS属性只设计了某些媒体。例如voice-family属性是专为听觉用户代理。其他一些属性可用于不同的

CSS 伪类

6

CSS伪类(Pseudo-classes)CSS伪类是用来添加一些选择器的特殊效果。语法伪类的语法:selector:pseudo-class{property:value;}CSS类也可以使用伪类:selector.class:pseud