css的中文含义叫层叠样式表
特点:
1:简化html文件的建立:将html文档与样式表分别建立。在建立html文档时就不需要考虑文件的显示方式,而专心于其内容的组织,多注意文档的结构而不是显示效果
2:独立性与灵活性:将html文档与样式表分别建立,这样两者之间具有独立性
3:样式表的重复利用:由于html与样式表分开建立,这样一个html文档可以使用不同的样式表,从而使外观更方便的变化。
在定义每条css规则时基本格式如下
selector{property:value;property:value;……}
当定义一条规则时,必须指定接收这条样式规则的网页标签,在一条规则中定义的网页标签就是选择器
选择器有如下几种
HTML选择器
1:HTML标签作为选择器
2:类选择器。这里类的概念是将一个html标签所创建的各个网页元素分为几类,它是通过各个html标签所通用的class属性来实现的。
<p class="stop" ></p>
<p class="warning"></p>
<p class="error"></p>
如果在样式表中定义样式规则时,选择器直接以(.)开头后跟类名。这条样式规则就适合于class属性值等于该类名的任何html标签,而不只对某一个标签起作用、。
3:伪元素选择器
样式规则的格式如下:html 标签:伪元素{属性:值}
目前常用的伪元素有如下几种
a:active: 选中超链接时的状态
a:hover:光标移动到超链接上的状态
a:ling:超链接的正常状态
p:first-line:段落中的第一行文本
p:first-letter:段落中的第一个字母
CSS样式的优先级,总结起来就是:从上到下,从总体到局部。如果下面重新定义了上面定义过的同类性质的属性,则以下面的定义为准。如果位于html文档里层的标签重新定义了外层标签定义过的同一属性,浏览器显示里层标签的内容时,以里层标签的定义为准。
内联样式表具有最高的优先级,嵌入样式表次之,外部样式表最低。
Filter用于设置元素的滤镜特效,参数如下
Alpha参数用来控制一个元素与背景的混合程度,也就是一个元素的透明度
Alpha{Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?}
DropShadow参数用于建立阴影效果,需要设置若干子参数
DropShadow(Color=?,OffX=?,OffY=?,Positive=?)
……
还有可以设置模糊效果,发光效果,淡入淡出效果,波纹效果,转换效果,去掉图片的颜色,反转图像的颜色等等……
相关推荐
路恩CSS学习助手,可快速查找css1、css2、css3全部属性和值,并配有每个属性和值的简要说明;对CSS语法规则和CSS选择器也做了详细介绍;并内置了CSS布局向导式学习教程。可以把本软件看作是一个CSS词典和CSS教程软件...
本篇文章将围绕“CSS样式工具”和“CSS学习工具”这两个核心概念,详细介绍相关知识点。 一、CSS基础知识 1. 选择器:CSS选择器是用于选取HTML元素的方式,例如标签选择器(如`p`)、类选择器(如`.myClass`)和ID...
**CSS学习手册** 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它负责定义网页元素的样式,包括颜色、字体、布局以及页面的呈现方式。本手册将帮助初学者深入理解和掌握CSS的基本概念和技术...
【CSS学习经典教程】是一份专为初学者和有一定基础的学习者设计的教程,旨在帮助他们深入理解并熟练掌握CSS(层叠样式表)技术。CSS是网页设计中不可或缺的一部分,用于控制网页元素的布局、颜色、字体、大小等视觉...
本资源为【html + css 学习笔记整理.zip】,是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点,包括HTML的基本结构、常用标签及其属性,以及CSS的核心概念如选择器、盒模型、...
在这个"css学习心得"中,我们将详细探讨CSS的各个方面,帮助开发者更好地理解和应用这一技术。 首先,CSS的基础知识是必不可少的。这包括选择器,如类选择器(.class)、ID选择器(#id)和元素选择器(element),...
【div+css 学习资料】是一份专为学习网页布局技术div+css设计的资料集合,适合初学者以及希望巩固提升的开发者。Div(Division)是HTML中的一个元素,常用于网页布局,通过CSS(Cascading Style Sheets)进行样式...
【标题】:“很不错的CSS学习资料,让你彻底轻松弄懂CSS” 这是一份精心整理的CSS学习资源,旨在帮助学习者全面理解并掌握CSS(层叠样式表)这一重要的前端技术。CSS是网页设计和开发不可或缺的部分,它负责定义...
这个“CSS学习帮助文档(chm格式)”显然是一个专门针对CSS技术的综合资源,包含了关于样式设计的各种信息,旨在帮助用户深入理解和掌握CSS。 **CSS基础** CSS的基础概念包括选择器、属性和值。选择器用于匹配HTML...
CSS学习文档.chm,学习css必不可少! 内容详细,查阅方便,想精通css这文档是必须的!!!
《CSS学习手册》 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它赋予了HTML或XML文档以样式和布局。本手册旨在深入解析CSS的相关知识,帮助初学者快速上手并掌握其核心概念。 一、CSS基础 ...
html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习...
HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习...
html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习html和 css 学习html和 css 学习html和 css 学习 html和 css 学习...
HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 HTML CSS学习练习HTML CSS学习练习HTML CSS学习练习 ...
html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css 学习记录 html css 学习记录html css 学习记录html css ...
HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习HTML 及CSS 学习HTML 及CSS 学习 HTML 及CSS 学习...
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 html+css学习记录html+css学习记录html+css学习记录html+css学习记录 ...
H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS 学习H5 html 和CSS 学习 H5 html 和CSS 学习H5 html 和CSS ...