慕课网

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

初识HTML(5)+CSS(3)

最热最新

Rhys

重要性有些特殊的情况需要为某些样式设置具有最高权值. i浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。 p{color:red!important;}

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
Rhys

因为浏览器是根据权值来判断使用哪种css样式的下面是权值的规则：标签的权值为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.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2015-01-16
Sight_G

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-01-16
___Devil

<body> <form> 你对什么运动感兴趣:<br/> <lable for="run">慢跑</label> <input type="checkbox"name="manpao"id="run"/> <br/> <lable for=" mountain">登山</lable> <input type="checkbox" name="dengshan"id="mountain"> <br/> <lable for="baskteball">篮球<lable> <input type="checkbox"name="lanqiu"id="baskteball"> </form> </body>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
奔向IT的坚仔

使用<span>标签为文字设置单独样式这一小节讲解<span>标签，我们对<em>、<strong>、<span>这三个标签进行一下总结： 1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。 2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue（蓝色），但注意不是为了强调“美国梦”，而只是想为它设置和其它文字不同的样式（并不想让屏幕阅读器对“美国梦”这三个字加重音读出），所以这样情况下就可以用到<span>标签了。如下面例子： <p>1922年的春天，一个想要成名名叫<em>尼克•卡拉威</em>（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p> 语法： <span>文本</span>

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到<em>或<strong>标签。但两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。语法： <em>需要强调的文本</em> <strong>需要强调的文本</strong>

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

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

查看全部

0 采集收起
2015-01-15
jancy_nk

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。 <a herf=mailto:.....?cc=....&bcc=....&subject=....&body=....>发送</a> 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。

查看全部

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

有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到<em>或<strong>标签。但两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

代码讲解： 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

摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本">

查看全部

0 采集收起
2018-03-22
奔向IT的坚仔

Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。下面给大家布置一个任务，在完成任务的时候，每输入一行代码，代码窗口就会立即显示出效果。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-15
jancy_nk

<tbody></tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 table表格在没有添加css样式之前，在浏览器中显示是没有表格线的

查看全部

0 采集收起
2018-03-22

首页上一页 26926 26927 26928 26929 26930 26931 26932 下一页尾页

0/150

提交

取消

开始学习

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

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