慕课网

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

初识HTML(5)+CSS(3)

最热最新

邓邓

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。详见图

查看全部

0 采集收起
2018-03-22
hayasi

颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如： p{color:rgb(20%,33%,25%);} 3、十六进制颜色这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00ffff;}

查看全部

0 采集收起
2015-02-06
侧耳倾听17

body{font-family:"宋体";}

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
hayasi

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： 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; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
hayasi

关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子1： p{color:#000000;} 可以缩写为： p{color: #000;} 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}

查看全部

0 采集收起
2015-02-06
鱿鱼巨鲸说

使用<pre>标签为你的网页加入大段代码加入一行代码的标签为<code> <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码

查看全部

0 采集收起
2018-03-22
hayasi

盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px;可缩写为： margin:10px;2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px;可缩写为： margin:10px 20px;3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px;可缩写为： margin:10px 20px 30px;注意：padding、border的缩写方法和margin是一致的。

查看全部

0 采集收起
2015-02-06
邓邓

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

查看全部

0 采集收起
2018-03-22
邓邓

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

查看全部

0 采集收起
2018-03-22
邓邓

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

查看全部

0 采集收起
2018-03-22
_wwww丫丫yyyy_

target前加空格！

查看全部

0 采集收起
2015-02-06
侧耳倾听17

.first{color:green;}是为第一段设置为绿色，当没有span{color:pink;}这条语句时，span会也会显示为green，是因为span继承了.first中的绿色，但当设置了span{color:pink;}这条语句后，span就是会复盖上面继承下来的绿色，因为继承的权值你可以理解是最低的，有的文献中说继承的权值只有0.1。

查看全部

0 采集收起来源：权值计算-特殊性
2015-02-06
侧耳倾听17

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

查看全部

0 采集收起来源：权值计算-特殊性
2015-02-06
M梦

display:inline-block 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2015-02-06
红药堂

.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form>

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22

首页上一页 26569 26570 26571 26572 26573 26574 26575 下一页尾页

0/150

提交

取消

开始学习

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

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