慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕侠2047509

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-01-27
鼐禠

属性：
文本添加线条的位置
text-decoration
属性值：
下方：underline（文本在线条的上方）
穿过：line-through（文本被线条横穿）
上方：overline（文本在线条的下方）

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2021-01-27
鼐禠
```
一、注释：
font-style:italic;  风格为斜体
font-weight:bold;   样式为加粗
font-size:12px;     字号为12px
line-height:1.5em;  行距1.5em
font-family:"宋体",sans-serif;   字体为宋体或sans-serif
text-indent:2em      段前缩进2个字符（2em：2个字符的高度）
```
二、缩写时必须指定的属性：
font-size（字号）
font-family（字体）
其他无指定则显示默认值
三、字号/行距：在缩写时 font-size 与 line-height 中间要加入“/”斜扛
四、sans-serif就是无衬线字体，是一种通用字体族。
常见的无衬线字体有 Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圆、隶书等等。
font-family最后加上sans-serif，也是为了保证能够调用这个字体族里面的字体，因为大多数计算机里都有这种字体。
查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2021-01-27
慕侠2047509

在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。
语法：
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解：
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。
5.注意空格

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2021-01-27
鼐禠

一、权值从小到大依次为：
①继承样式：0.1（查找资料为无优先级？）
②通配符选择器：0
③标签选择器：1
④类和伪类选择器：10
⑤id选择器：100
⑥内联样式：1000
二、比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则越优先显示。
三、分组选择器是单独计算的选择器的累加，不会超过其最大的数量级，比如，类选择器累加再高也不会超过id选择器
四、选择器越具体，优先级越高。
五、如果，选择器优先级相同，则优先使用靠下的样式，即后声名的选择器覆盖前边的选择器
六、!important 表示赋予最高优先级，超过内联样式。注意，在开发中，一定要慎用

查看全部

0 采集收起来源：权值计算-特殊性
2021-01-27
旅客123

内容要在<h1>和</h1>标签之间输入，例如<h1>Hello World</h1>。

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-01-27
鼐禠

按照优先级从高到低（②~⑤为嵌入样式，与外联的优先级需要根据位置而定）：
①内联
②id选择器：#+id名称{ 内容 }
③类选择器：.+class名称{ 内容 }
④标签选择器：标签名{ 内容 }
⑤通配符选择器：*{ 内容 }

查看全部

5 采集收起来源：别插队啊 - 选择器的优先级
2021-01-27
tt0059

p.first（中间无空格）表示class为first的p
而p .first（中间有空格）表示p的后代

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-01-27
tt0059

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2021-01-27
tt0059

标签的权值为1，类选择符的权值为10，ID选择符的权值最高，为100。继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2021-01-27
tt0059

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

1 采集收起来源：别插队啊 - 选择器的优先级
2021-01-27
慕侠2047509
文档的头部描述了文档的各种属性和信息，包括文档的标题等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
1、head标签为双标签，有尾标签，<head></head>。
2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。
3、<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
4、<meta charset="UTF-8">设置当前文件字符编码
5、style标签：双标签中设置当前文件样式
例如title标签：
```
<head>
    <title>hello world</title>
</head>
```
<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来，如下图所示：
查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2021-01-26
慕侠2047509

技术点的解释：
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-11-10

首页上一页 333 334 335 336 337 338 339 下一页尾页

0/150

提交

取消

开始学习

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

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