慕课网

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

初识HTML(5)+CSS(3)

最热最新

星随

要想输入空格，必须写入 。

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2021-06-05
星随

总结：在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2021-06-05
星随

aside标签，定义一个侧边栏区域。
例如网站中侧栏部分

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2021-06-05
星随

section标签，定义一个区域。
例如网站中专栏部分

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2021-06-05
星随

在这一章节我们要开始把网页中常用到的标签一一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。
标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等
讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？
1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
在后面的章节会带领大家学习了解html中每个标签的语义（用途）

查看全部

0 采集收起来源：语义化，让你的网页更好的被搜索引擎理解
2021-06-05
慕村6279755

每一条css样式声明（定义）由两部分组成，形式如下：
选择器{
样式;
}
在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。
通过选择器定位到你要设计样式的元素
选择器分为: 1.通用选择器，他不仅适配所有元素，甚至还包括html元素，但是一般由于强度太高，不怎么使用。
2.类选择器与ID选择器，类选择器，为一类元素 (类名一样）设置样式，语法：.类名{ 样式代码},ID选择器，为标签设置一个ID，通过ID来给他设计样式，语法：#ID名{css样式代码}，但由于ID的唯一性，ID选择器也很少使用。
3.子选择器与后代选择器，子选择器，选择指定标签元素的第一代子元素进行样式设计，语法：.父元素（类名\id名等）>子元素名{css样式设计}，后代选择器，为所有后代进行样式设计，语法：.father（class/id/） (空格）后代名{样式代码}
4.伪类选择器，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：即设置一种动态样式，如鼠标点击时颜色字体发生变化，点过去又回复原样，这就是伪类选择器。语法：a: hover{样式设计代码} a:hover 的组合是最常用的
5.分组选择器，当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置样式：语法：h1,span{样式代码} 他其实相当于将两句代码合并来写。
6.标签选择器，即为html中一些标签直接设计样式，如p,span,img,body,等。

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2021-06-05
星随

下面这些标签可用在 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-06-05
星随

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-06-05
伯荣

所有的表单必须写在from内不然传输不到服务器!!!

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-06-05
慕少1499220

Holly word

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-06-04
慕婉清8573352

满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的

查看全部

0 采集收起来源：水平居中设置-定宽块状元素
2021-06-04
慕婉清8573352

需要特别注意的：一个正方形，当设置圆角效果值为元素宽度一半时，显示效果为圆形

查看全部

0 采集收起来源：加个圆角 - 使用border-radius设置圆角
2021-06-04
一个达不溜

hr 水平分割线

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2021-07-11
一个达不溜

  空格的意思，一个代表一个空格。

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2021-07-11
一个达不溜

aside，侧边菜单表标签。

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2021-07-11

首页上一页 244 245 246 247 248 249 250 下一页尾页

0/150

提交

取消

开始学习

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

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