慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

北极de星

类和ID选择器的区别学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？我们不要着急先来总结一下他们的相同点和不同点：相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。下面代码是正确的： 三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。 而下面代码是错误的： 三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。下面的代码是正确的(完整代码见右侧代码编辑器) .stress{ color:red; } .bigsize{ font-size:25px; } 到了三年级下学期时，我们班上了一节公开课... 上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。下面的代码是不正确的(完整代码见右侧代码编辑器) #stressid{ color:red; } #bigsizeid{ font-size:25px; } 到了三年级下学期时，我们班上了一节公开课... 上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

查看全部

0 采集收起来源：类和ID选择器的区别
2018-03-22
北极de星

类和ID选择器的区别: 相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

查看全部

0 采集收起来源：类和ID选择器的区别
2014-12-01
yanyanbecky

src=source alt是单词“alter”的缩写，汉语意思为“改变” alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

查看全部

0 采集收起
2014-12-01
北极de星

在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

0 采集收起
2018-03-22
北极de星

类选择器: 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）

查看全部

0 采集收起来源：再选一个类 - 类选择器
2014-12-01
北极de星

CSS样式优先级：内联式 > 嵌入式 > 外部式但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面就近原则（离被设置元素越近优先级别越高）。优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下

查看全部

0 采集收起
2018-03-22
yanyanbecky

href：Hypertext Reference

查看全部

0 采集收起
2014-12-01
北极de星

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。

查看全部

0 采集收起
2014-12-01
北极de星

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-12-01
Littlesqx

h1{ text-align:center; } h1{ text-align:left; } h1{ text-align:right; }

查看全部

0 采集收起
2014-12-01
Littlesqx

h1{ letter-spacing:50px; } h1{ word-spacing:50px; } ...

查看全部

0 采集收起
2014-12-01
Littlesqx

实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2014-12-01
Littlesqx

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-12-01
Littlesqx

删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-12-01
yanyanbecky

tr =table row td= table data

查看全部

0 采集收起
2014-11-30

首页上一页 27443 27444 27445 27446 27447 27448 27449 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。