慕课网

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

初识HTML(5)+CSS(3)

最热最新

自虐狂人

填充顺序上右下左

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-11-29
FRANKShareCode

<!- 比较和<q>的不同 <q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签 -> <blockquote> <p>Here is a long quotation</p> </blockquote>

查看全部

0 采集收起
2018-03-22
FRANKShareCode

<!-引用的文本-> <q>Content</q> ->Result "Hello World"

查看全部

0 采集收起
2018-03-22
FRANKShareCode

<!-行内标签-> <span> </span>

查看全部

0 采集收起
2018-03-22
鹤花落

通用选择器:功能最强大使用一个*号指定，匹配html中所有标签元素如下：使html中任意标签元素字体颜色全部设置为红色 * {color:red; font-size:20px;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-29
鹤花落

包含(后代)选择器:加入空格,用于选择指定标签元素下的后辈元素，作用于所有子后代元素。 (后代)选择器与子选择器的区别： 1、后代选择器是作用于所有子后代元素。子选择器仅是指它的直接后代，即作用于子元素的第一代后代。 2、后代选择器通过空格进行选择。而子选择器通过“>”进行选择。总结：>作用于元素的第一代后代，"空格"作用于元素的所有后代。 .first span{color:red;} 后代选择器 .first>span{border:1px solid red;} 子选择器

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
Athena_0003

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。！！！【有详解图片】！！！注意：如果“mailto”的后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。例如：<a href="mailto:yy@imooc.com?cc=xiaoming@imooc.com&bcc=xiaoyu@imooc.com&subject=主题&body=邮件内容">发送</a> 那么效果就是：点击链接（带下划线的发送）会打开电子邮件应用，页面上会自动填写收件人等设置好的信息。

查看全部

0 采集收起
2018-03-22
半步颠

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
Athena_0003

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank"> click here! </a>

查看全部

0 采集收起
2018-03-22
Athena_0003

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如：<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 1、title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。 2、只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。

查看全部

0 采集收起
2018-03-22
Athena_0003

1、摘要【属性】摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 2、标题【标签】用以描述表格内容，标题的显示位置：表格上方。语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
Athena_0003

【用CSS样式为表格加入边框】—— Table表格在没有添加css样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。代码如下： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码，为th，td单元格添加粗细为一个象素的黑色边框。（“soild意思是实心的；固体的”）

查看全部

0 采集收起
2018-03-22
Kitty_Ting

label标签用于和相应的表单控件绑定，当单击它时相当于直接单击了和其绑定的控件。这个功能很有用，可以用于改进用户体验；注意：for属性等于需要绑定表单的id值在 <input type="text" id="mail" placeholder="email" >其中加入placeholder 显示的效果是：在表框中隐式的显示了email这个单词，但在写入其他显式文字时，此单词被覆盖。删除显式文字时此单词出现

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
自虐狂人

text-indent:2em;

查看全部

0 采集收起
2014-11-29
Kitty_Ting

submit：提交<input>中的value值到服务器 Reset：把<input>显示的内容重置恢复到最初状态这两个按钮都必须在表单<form>中才能使用

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22

首页上一页 27471 27472 27473 27474 27475 27476 27477 下一页尾页

0/150

提交

取消

开始学习

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

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