以下是为您整理出来关于【css教程】合集内容，如果觉得还不错，请帮忙转发推荐。
1. 基本语法CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下：selector {property: value} （选择符 {属性：值}）选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开： body {color: black}选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果...
伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1. 语法伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：selector:pseudo-class {property: value}（选择符:伪类 {属性: 值}）伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用别的名字，根据上面的语法可以解释为对象（选择符）在某个特殊状态下（伪类）的...
前两章我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 链入外部样式表链入外部样式表是把样式表保存为一个样式表文件，然后在页面中?lt;link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，如下：<head>……<link rel="styleshee...
1. CSS styles面板通过前面几章的学习，相信大家对CSS有了一定的了解，这一章我们来讲解如何利用Dreamweaver4来创建CSS。首先运行Dreamweaver4，启动后，选择菜单下的Windows->CSS styles（或按Shitf+F11），系统弹出CSS styles管理面板，如下图所示：在CSS styles面板里显示了所有自定义的CSS样式（也就是上面提到的以点开头的类选择符，Dreamweaver4把这样以点开头的类选择符作为自定义样式来使用），可以利用Apply按钮这些CSS样...
CSS教程(一)认识CSS Dreamweaver4是现今最好的网站编辑工具之一，用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS，你不用死记硬背的记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。因此，本教程的前面4章为CSS理论知识，主要是对CSS的全面介绍，希望读者看后对CSS的语法、结构、应用有一个全面的了解；后面4章为DW...
这篇文章主要为大家详细介绍了CSS教程之p垂直居中的多种方法，还包括多行文本垂直居中的方法，感兴趣的小伙伴们可以参考一下在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<capt...
Hello！前一篇文章给大家介绍了CSS3教程-2D 转换，不知道大家学的怎么样呢？接下来给大家介绍CSS3教程-3D 转换。3D 转换：CSS3 允许您使用 3D 转换来对元素进行格式化。在本文中，您将学到两种 3D 转换方法：rotateX()；rotateY()。它如何工作？转换是使元素改变形状、尺寸和位置的一种效果。您可以使用 2D 或 3D 转换来转换您的元素。浏览器支持：Internet Explorer 10 和 Firefox 支持 3D 转换。Chrome 和 Safari 需要前缀 -webk...
今天呢，翠儿姐给大家讲解CSS3教程-边框的最后一种属性：border-image 属性。本文主要介绍了这款属性的定义以及用法，希望在前端开发工作中可以帮到需要帮助的同学。看一下具体实例：将图片规定为包围 div 元素的边框：div { -webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */ -o-border-image:url(border.png) 30 30 round; /* Opera */ border-image:url(border.png) 30 30 round; }浏览器支持：Internet Explo...
Hello！前端开发的小伙伴们，看完CSS3教程-边框的第1种属性，是不是很期待它的第二种box-shadow 属性呢？大家不要着急，前端开发网会给大家一一介绍的。首先我们先来看一个实例：向 div 元素添加 box-shadow：div { box-shadow: 10px 10px 5px #888888; }浏览器支持：IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。定义和用法：box-shadow 属性向框添加一个或多个阴影。提示：请使用 border-image-* 属...
前一篇文章呢，我们给大家主要讲解了css3教程-边框，顺便简单的提了一下边框的3种属性，接下来翠儿姐给大家介绍css3教程-border-radius属性，这款属性是边框的属性之一，在前端开发工作中会经常用到。欢迎大家前来了解。给大家先看一个实例:向 div 元素添加圆角边框：div { border:2px solid; border-radius:25px; }浏览器支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。定义和用法：border-radi...