热门关键字:
CSS和JS简介-HTML5极速入门

  CSS,又称层叠样式表,用于渲染HTML元素标签的样式。我们在创建HTML文档时,如果不使用样式美化页面,就是这个样子的:使用样式文件排版美化后,就是这样子的:CSS可以通过以下方式添加到HTML中:内联样式-在HTML元素中使用属性内部样式表-在HTML文档头部区域使用元素来包含CSS外部引用-使用外部CSS文件在标签中使用样式属性,如下改变段落的字体颜色:对单个...

478
2021/1/15 16:38:22
0
View Details
jQuery - 获取并设置 CSS 类

jQuery操作CSSjQuery拥有若干进行CSS操作的方法。我们将学习下面这些:addClass()-向被选元素添加一个或多个类removeClass()-从被选元素删除一个或多个类toggleClass()-对被选元素进行添加/删除类的切换操作css()-设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子:.important{font-weight:bo...

408
2021/1/14 20:07:51
0
View Details
tagName:标签选择器...

a{color:red;}ul{margin-left:0;}如果你想定位页面上所有的某标签,不是通过id或者是’class’,这简单,直接使用类型选择器。

242
2020/11/23 18:34:09
0
View Details
selector1 selector2:后代选择器

lia{text-decoration:none;}后代选择器是比较常用的选择器。如果你想更加具体的去定位元素,你可以使用它。例如,假如,你不需要定位所有的a元素,而只需要定位li标签下的a标签?这时候你就需要使用后代选择器了。提示:如果你的选择器像XYZAB.error这样,那你就错了。时刻都提醒自己,是否真的需要对那么多元素修饰。

287
2020/11/23 18:33:49
0
View Details
.class:类选择器

.error{color:red;}这是个class选择器。它跟id选择器不同的是,它可以定位多个元素。当你想对多个元素进行样式修饰的时候就可以使用class。当你要对某个特定的元素进行修饰那就是用id来定位它。

222
2020/11/23 18:33:34
0
View Details
#id:id选择器、、、、、

#container{width:960px;margin:auto;}id选择器是很严格的并且你没办法去复用它。使用的时候大家还是得相当小心的。需要问自己一下:我是不是必须要给这个元素来赋值个id来定位它呢?

238
2020/11/23 18:33:17
0
View Details
.群组选择器(所有浏览器都支持)

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号“,”隔开,这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。<!DOCTYPEhtml><html><head><metach...

372
2020/11/23 18:32:11
0
View Details
ID选择器(所有浏览器都支持)

ID选择器和上面说的类选择器是很相似的,在使用ID选择器之前也需要先在html文档中加注ID名称,这样在样式选择器中才能找到相对应的元素,不同的是ID选择器是一个页面中唯一的值,我们在类使用时是在相对应的类名前加上一个“.”号(.className)而id选择器是在名称前使用"#"如(#demo)。<!DOCTYPEhtml><html><head><metacharset="U...

338
2020/11/23 18:31:52
0
View Details
类选择器 (所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。)

类选择器根据类名来选择,前面以”.”来标志,是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名,换句话说需要保证类名在html标记中存在。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>类选择器</title><style>.demo{width:200px;heigh...

310
2020/11/23 18:31:35
0
View Details
通配符选择器(所有浏览器支持)

通用选择器用*来表示,用来选择所有元素,,也可以选择某个元素下的所有元素;*{marigin:0;padding:0;font-size:14px;}上面代码大家在reset样式文件中看到的肯定不少,他所表示的是,所有元素的margin和padding都设置为0,字体大小都设置为14px,另外一种就是选择某个元素下的所有元素:<!DOCTYPEhtml><html><head...

296
2020/11/23 18:31:14
0
View Details