样式表
-
CSS教程(三)伪类——动态链接
伪类可以看做是一种特殊的类选择符,是能被支持css的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 1. 语法 伪类的语法是在原有的语法里加上一个伪类(pseudo-class):selector:pseudo-class {property: valu…
-
CSS教程(五)如何使用DW4创建CSS
1. css styles面板 通过前面几章的学习,相信大家对css有了一定的了解,这一章我们来讲解如何利用dreamweaver4来创建css。首先运行dreamweaver4,启动后,选择菜单下的windows->css styles(或按shitf+f11),系统弹出css styles…
-
CSS教程(六) DW4中CSS属性详解
在dreamweaver4的css样式里包含了w3c规范定义的所有css1的属性,dreamweaver4把这些属性分为type(类型)、background(背景)、block(块)、box(盒子)、border(边框)、 list(列表)、positioning(定位)、extensions(扩…
-
CSS教程(一)初识CSS
css教程(一)认识css dreamweaver4是现今最好的网站编辑工具之一,用它来给制作网页的css样式表会更简单、更方便。本教程教你如何利用dreamweaver4在页面中加入css,你不用死记硬背的记代码标记,也不用去看很厚的css手册,你就可以轻松自如的在网页中运用css。不过首…
-
CSS教程(二)基础语法
1. 基本语法 css的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下:selector {property: value} (选择符 {属性:值})选择符是可以是多种形式,一般是你要定义样式的html标记,例如body、p、…
-
详解CSS3背景相关样式实例代码
这篇文章详解css3背景相关样式实例代码 background-image绘制多张图片叠加,示例如下: background-image绘制多张图片叠加 div{ width:1100px; height:800px; background-image: url(“../../image/icon1…
-
详解CSS属性值用法
万维网联盟(w3c) 使用了一套特别的语法来定义 css 的属性值,能让所有的 css 属性都用。如果你曾看过 css 规范,你可能已经见过这套语法了。就像 border-image-slice 的语法 ,让我们看看: = [ | ]{1,4} && fill?如果你不知道这些符…
-
详解css中border-image的使用方法
border-image-source 属性设置边框的图片的路径[none | ] p { border: 20px solid #000; border-image-source: url(border.png);} border-image-slice 属性图片边框向内偏移[ | ](1,4) …
-
解析CSS3中nth-child与nth-of-type的区别
css3中nth-child与nth-of-type的区别其实很简单::nth-of-type为什么要叫:nth-of-type?因为它是以”type”来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素, 而ele:nth-child(n)是…
-
HTML中如何引入CSS
在html中引入css的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的 标签对的标签对中。格式如下:…