慕课网

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

初识HTML(5)+CSS(3)

最热最新

吴赖df

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> </head> <body> <h1>了不起的盖茨比</h1> <p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威</em>（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p> <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为<strong>"爵士乐时代"</strong>吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p> </body> </html>

查看全部

0 采集收起
2018-03-22
吴赖df

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> </head> <body> <h1>了不起的盖茨比</h1> <p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威</em>（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p> <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为<strong>"爵士乐时代"</strong>吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p> </body> </html>

查看全部

0 采集收起
2018-03-22
吴赖df

<em></em>斜体标签；<strong></strong>粗体标签；<s></s>删除字体标签；<q></q>引用标签； <blockquote></blockquote>长文本引用标签；空标签：<br/>换行标签；<hr/>水平横线标签；<img/>图片标签；空格（PS：有分号）； <code></code>单行代码标签；<pre></pre>多行代码标签； <address></address>地址标签，默认换行斜体； <ul><li></li><li></li></ul>无序列表标签，默认每项li前自带原点； <ol><li></li><li></li></ol>有序列表标签，默认每项li前自带一个序号，从1开始； <div id="..."></div>容器标签(PS:容器id用双引号)； <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>链接标签,默认文字颜色蓝色，点击后紫色；在新建浏览器窗口打开链接<a href="目标网址" target="_blank">链接显示的文本</a>； <img src="图片地址" alt="下载失败时的替换文本" title = "鼠标滑过图片的提示文本"/>图片标签；

查看全部

0 采集收起
2018-03-22
小仙_25

样式的继承性是使得使用该样式的标签的所有子标签都拥有其相同的样式，但是有些样式是不具有继承性的，如p{border:1px solid red;}

查看全部

0 采集收起来源：继承者 - 样式的继承
2015-01-17
吴赖df

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

查看全部

0 采集收起
2015-01-17
吴赖df



查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
小白的鱼

<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

查看全部

0 采集收起
2018-03-22
吴赖df

<head>标签的作用。文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分： <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。例如： <head> <title>hello world</title> </head> <title>标签的内容“hello world”会在浏览器中的标题栏上显示出来，如下图所示： <head>标签中的其它标签内容的讲解，会在以后的章节中为大家一一讲解。

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
吴赖df

这一节中我们来学习html文件的结构：一个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>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2018-03-22
jancy_nk

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

查看全部

0 采集收起
2015-01-17
lulushy

缩写时，值的顺序要按照上一笔记中不缩写时候的顺序，可以缺少元素但是不能改顺序

查看全部

0 采集收起
2015-01-17
jancy_nk

对于css样式的继承，一般文本格式多会被继承，布局样式多不会被继承

查看全部

0 采集收起来源：继承者 - 样式的继承
2015-01-17
lulushy

body{font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em; font-family:"宋体",sans-serif;}缩写为 body{font:italic small-caps bold 12px/1.5em "宋体",sans-serif;} 缩写时，至少要有font-size和font-family的值，且font-size和line-height之间要有/ 一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; }

查看全部

0 采集收起
2018-03-22
jancy_nk

伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-17
lulushy

关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。

查看全部

0 采集收起
2015-01-17

首页上一页 26901 26902 26903 26904 26905 26906 26907 下一页尾页

0/150

提交

取消

开始学习

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

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