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

css基础

CSS 动画

16

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

CSS 总结

9

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

CSS 表单

31

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

CSS 按钮

9

.runoob-ripple{position:relative;background-color:#4CAF50;border:none;font-size:28px;color:#FFFFFF;padding:20px;width:20

CSS 选择器

12

CSS选择器CSS(层叠样式表)提供了多种选择器,用于选择要应用样式的HTML元素。CSS选择器用于选择你想要的元素的样式的模式。下列表格中的"CSS"列表示在CSS版本的属性定义,CSS1、CSS2和CSS3是层叠样式表(Cascadin

CSS letter-spacing 属性

39

cssletter-spacing属性实例设置为h1和h2元素的字母间距:h1{letter-spacing:2px}h2{letter-spacing:-3px}属性定义及使用说明letter-spacing属性增加或减少字符间的空白(字

CSS 盒子模型

9

CSS盒子模型CSS盒子模型(BoxModel)所有HTML元素可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型

CSS3 边框

13

CSS3边框CSS3边框用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。在本章中,您将了解以下的边框属性:border-radiusbox-shadowborder-imageCSS3圆角

CSS 提示工具(Tooltip)

10

CSS提示工具(Tooltip)本文我们为大家介绍如何使用HTML与CSS来创建提示工具。基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示:HTML代码:<style>/*Tooltip容器*/.tooltip{po

CSS3 动画

8

#animated_div{width:76px;height:47px;background:#92B901;color:#ffffff;position:relative;font-weight:bold;font-size:20px;

CSS 图像拼合技术

7

CSS图像拼合技术图像拼合图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量,并节省带宽。图像拼合-简单实例与其使用三个独立的图像,不如我们使用这种单个图像("im

CSS3 多媒体查询

16

CSS3多媒体查询CSS2多媒体类型@media规则在CSS2中有介绍,针对不同媒体类型可以定制不同的样式规则。例如:你可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够

CSS 参考手册

6

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

CSS 单位

16

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

CSS Web安全字体

4

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

CSS Fonts(字体)

9

CSS字体CSS字体属性定义字体,加粗,大小,文字样式。serif和sans-serif字体之间的区别在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读CSS字型在CSS中,有两种类型的字体系列名称:通用字体系列-拥有

CSS 媒体类型

13

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

CSS3 过渡

6

.animated_div{width:60px;height:40px;background:#92B901;color:#ffffff;position:absolute;font-weight:bold;font-size:15px;

CSS 下拉菜单

15

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

CSS 图片廊

6

CSS图片廊.responsive.img{border:1pxsolid#ccc;}.responsive.img:hover{border:1pxsolid#777;}.responsive.imgimg{width:100%;heig