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

css基础

CSS text-decoration 属性

9

csstext-decoration属性实例设置h1,h2,h3和h4元素文本装饰:h1{text-decoration:overline}h2{text-decoration:line-through}h3{text-decoration

CSS 颜色

8

CSS颜色颜色是由红(RED),绿(GREEN),蓝(BLUE)光线的显示结合。颜色值CSS中定义颜色使用十六进制(hex)表示法为红,绿,蓝的颜色值结合。可以是最低值是0(十六进制00)到最高值是255(十六进制FF)3个双位数字的十六进

CSS3 渐变

3

CSS3渐变(Gradients)渐变效果CSS3渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用CSS3渐变(gradients),你可以减少下载的时间和宽带的

CSS word-spacing 属性

11

cssword-spacing属性实例指定段字之间的空间,应该是30像素:p{word-spacing:30px;}属性定义及使用说明word-spacing属性增加或减少字与字之间的空白。注意:负值是允许的。默认值:继承:版本:javas

CSS 总结

4

你已经学习了CSS,下一步学习什么呢?CSS总结本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。你已经学会如何使用CSS来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,你也学会了如何定位元素、控制元素的

响应式 Web 设计 – 媒体查询

3

响应式Web设计-媒体查询媒体(media)查询在CSS3上有介绍:CSS3@media查询。使用@media查询,你可以针对不同的媒体类型定义不同的样式。实例如果浏览器窗口小于500px,背景将变为浅蓝色:@mediaonlyscreen

CSS 分组和嵌套

3

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

CSS 图像透明/不透明

3

#klem1,#klem2{opacity:0.4;filter:alpha(opacity=40);/*ForIE8andearlier*/}#klem1:hover,#klem2:hover{opacity:1.0;filter:alp

CSS 布局 – 水平 & 垂直对齐

6

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

CSS 合法颜色值

2

CSS合法颜色值CSSColorsCSS的颜色可以通过以下方法指定:十六进制颜色RGB颜色RGBA颜色HSL色彩HSLA颜色预定义/跨浏览器的颜色名称十六进制颜色所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是:#RR

CSS3 文本效果

6

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

CSS3 圆角

7

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

CSS padding(填充)

2

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

CSS 颜色名称

9

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

CSS 计数器

3

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

CSS 媒体类型

10

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

CSS3 用户界面

3

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

CSS Web安全字体

1

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

CSS3 多列

3

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

CSS 下拉菜单

7

.dropbtn{background-color:#4CAF50;color:white;padding:16px;font-size:16px;border:none;cursor:pointer;}.dropdown{position