慕课网

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

初识HTML(5)+CSS(3)

最热最新

沂蒙阿利耶

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2021-05-10
沂蒙阿利耶

CSS有些样式具有继承性
p{color:red;}
<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p
p标签和所有子元素的标签都有继承这个样式
但是border：1px solid red；这个样式没有继承性

查看全部

0 采集收起来源：继承者 - 样式的继承
2021-05-10
慕莱坞533910

相对：相对于元素原来的位置
固定：相对于浏览器窗口，不会随着浏览器窗口的滚动条滚动而变化。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2021-05-10
慕莱坞533910

绝对定位：即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2021-05-10
慕设计6541684

技术点的解释：
1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。
2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-05-09
青衫369
html的文档结构
查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-05-13
慕莱坞533910

块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2021-05-09
慕设计6541684

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

查看全部

0 采集收起来源：类和ID选择器的区别
2021-05-09
慕莱坞533910

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式<!important

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-05-09
慕莱坞533910

1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。
2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-05-09
qq_慕工程125306

<!DOCTYPE HTML>
<html>
<head>...</head>
<body>...</body>
</html>
1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。
3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
头部元素有<title>整个网页的标题、<script>用于链接外部JS文件外部资源标签、<stytle>标签样式、<link>用于声明文档中使用的外接资源、<meta>提供文档的元信息。 3. <body>编辑网页的主要内容，如：<h1>是一级标题<h2>是二级标题，<h1>到<h6>代表网页中的六个级别的标题；<p>是段落标签；<a>是显示超链接标识；<img>是插入图片的标识。
html中<title>与<h1.....h6>标签中的标题有什么区别？位置：<title>标签放在<head>标签内；<h1>标签放在<body>标签内<title>定义的标题是整个网页的标题，只在浏览器顶部的tab栏里显示，在网页中不显示，是给搜索引擎看；<h1>标签是网页中某篇文章或某段文字的标题，是网页内容的一部分，在网页中会显示，是给用户看的。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-05-09
沂蒙阿利耶

两种的区别是文件路径不一样

<link href='style.css' rel='stylesheet' type='text/css'/>
<link rel='stylesheet' href='css/style.css'>

如果你的 css 和 html 在同级文件夹那么第一种
如果 style.css 在 html 文件夹下的 css 文件夹中，用第二种

查看全部

0 采集收起来源：继承者 - 样式的继承
2021-05-08
沂蒙阿利耶

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2021-05-08
沂蒙阿利耶

分组选择器
h1,span{color:red;}
它相当于下面两行代码：
h1{color:red;}
span{color:red;}

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>分组选择符</title>
<style type="text/css">
.first,#second span{color:green;}
</style>
</head>

<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
<img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg">
</body>

</html>

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2021-05-08

首页上一页 263 264 265 266 267 268 269 下一页尾页

0/150

提交

取消

开始学习

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

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