CSS
css学习
Mirst
W.
展开
-
CSS3 八 2D转换
CSS32D 转换CSS3 转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。它是如何工作?转换的效果是让某个元素改变形状,大小和位置。您可以使用 2D 或 3D 转换来转换您的元素。鼠标移动到以下元素上,查看 2D 和 3D 的转换效果:2D 转换3D 转换浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。属性 ...转载 2020-10-28 19:19:53 · 142 阅读 · 0 评论 -
CSS3 七 字体
CSS3字体CSS3 @font-face 规则使用以前 CSS 的版本,网页设计师不得不使用用户计算机上已经安装的字体。使用CSS3,网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动下载给需要的用户。您所选择的字体在新的CSS3版本有关于@font-face规则描述。您"自己的"的字体是在CSS3 @font-face规则中定义的。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。...转载 2020-10-28 19:19:18 · 318 阅读 · 0 评论 -
CSS3 六 文本效果
CSS3文本效果CSS3 文本效果CSS3中包含几个新的文本特征。在本章中您将了解以下文本属性:text-shadow box-shadow text-overflow word-wrap word-break浏览器支持属性 text-shadow 4.0 10.0 3.5 4.0 9.5 box-shadow 10.0 4.0-webkit- 9.0 4.0 ...转载 2020-10-28 19:18:11 · 158 阅读 · 0 评论 -
CSS3 五 渐变
CSS3渐变(Gradients)CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(R..转载 2020-10-28 19:17:10 · 439 阅读 · 0 评论 -
CSS3 四 背景
CSS3背景CSS3 背景CSS3 中包含几个新的背景属性,提供更大背景元素控制。在本章您将了解以下背景属性:background-image background-size background-origin background-clip您还将学习如何使用多重背景图像。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。属性 ...转载 2020-10-27 20:35:26 · 164 阅读 · 0 评论 -
CSS3 三 圆角
CSS3圆角CSS3 圆角制作器浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。属性 border-radius 9.0 5.0 4.0 -webkit- 4.0 3.0 -moz- 5.0 3.1 -webkit- 10.5 CSS3 border-radius 属性使用 CSS3 ...转载 2020-09-29 18:27:23 · 848 阅读 · 0 评论 -
CSS3 二 边框
CSS3边框CSS3 边框用 CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如 Photoshop。在本章中,您将了解以下的边框属性:border-radius box-shadow border-imageCSS3 圆角在 CSS2 中添加圆角棘手。我们不得不在每个角落使用不同的图像。在 CSS3 中,很容易创建圆角。在 CSS3 中 border-radius 属性被用于创建圆角:这是圆角边框!实例在div中添加圆角元素:.转载 2020-09-29 18:25:13 · 85 阅读 · 0 评论 -
CSS3 一 简介
CSS3简介对CSS3已完全向后兼容,所以你就不必改变现有的设计。浏览器将永远支持CSS2。CSS3 模块CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。一些最重要CSS3模块如下:选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面CSS3 建议W3C的CSS3规范仍在开发。但是,许多新的CSS3属性已在现代浏览器使用。...转载 2020-09-29 18:21:23 · 58 阅读 · 0 评论 -
CSS3 零
CSS3教程CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。本教程向您讲解 CSS3 中的新特性。开始学习 CSS3!CSS3 实例div { transform:rotate(30deg); }尝试一下 »点击 "尝试一下" 按钮查看在线实例。CSS3 参考手册在菜鸟教程中,我们提供完整的 CSS3 参考手册,包括所有属性和选择器的语法、实例、浏览器支持信息。CSS 属性参考手册CSS3 浏览器支持情况CSS 选择器参考..转载 2020-09-29 18:20:51 · 80 阅读 · 0 评论 -
CSS 四十一 CSS2 媒介类型
媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size" 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif 字体更易阅读,而在纸媒介上,serif 字体更易阅读。原创 2020-09-09 13:40:52 · 157 阅读 · 0 评论 -
CSS 四十 图像透明度
通过 CSS 创建透明图像是很容易的。注释:CSS opacity 属性是 W3C CSS 推荐标准的一部分。实例在本例中,当用户将鼠标指针移动到图片上时,会改变图片的透明度。<!DOCTYPE html><html><head><style>img{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}img:hover{opacity:1.0;原创 2020-09-09 13:34:47 · 210 阅读 · 0 评论 -
CSS 三十九 图片库
CSS 可用来创建图片库。演示:CSS 图片库图片库下面的图片库是由 CSS 创建的:实例<!doctype html><html><head><style>div.img { margin:3px; border:1px solid #bebebe; height:auto; width:auto; float:left; text-align:center; }div.img img原创 2020-09-09 13:22:51 · 258 阅读 · 0 评论 -
CSS 三十八 导航条
演示:导航栏导航栏拥有易用的导航条对于任何网站都很重要。通过 CSS,您能够把乏味的 HTML 菜单转换为漂亮的导航栏。导航栏 = 链接列表导航栏需要标准的 HTML 作为基础。在我们的例子中,将用标准的 HTML 列表来构建导航栏。导航栏基本上是一个链接列表,因此使用 <ul> 和 <li> 元素是非常合适的:实例<!DOCTYPE html><html><body><ul><l原创 2020-09-09 13:17:40 · 317 阅读 · 0 评论 -
CSS 基础
CSS 表格属性可以帮助您极大地改善表格的外观。表格边框如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td 设置了蓝色边框:table, th, td { border: 1px solid blue; }<html><head><style type="text/css">table,th,td{border:1px solid blue;}</style>原创 2020-09-04 23:58:04 · 1148 阅读 · 0 评论