慕课网

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

初识HTML(5)+CSS(3)

最热最新

土田共戈

<ul> <li>我的第一个列表信息 </li> </ul>

查看全部

0 采集收起
2018-03-22
Carol_Li

这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } font-variant:small-caps; //将全部字母变成大写。 line-height:1.6em; //调节行距注意： 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
鹤花落

重置按钮： <input type="reset" value="重置"> value：按钮上显示的文字 <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> <input type="submit" value="确定" /> <input type="reset" value="重置" /> </form>

查看全部

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

注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。语法： <code>代码语言</code> 注：如果是多行代码，可以使用<pre>标签

查看全部

0 采集收起
2018-03-22
Carol_Li

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

查看全部

0 采集收起
2014-11-27
Carol_Li

盒模型的外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。 margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，可缩写为： 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 采集收起
2014-11-27
鹤花落

两种按钮可以使用：提交按钮、重置。 <input type="submit" value="提交"> value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
土田共戈

<hr /> 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
土田共戈

 

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
土田共戈

<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>

查看全部

0 采集收起
2018-03-22
Carol_Li

**[重点理解]Relative与Absolute组合使用小伙伴们学习了12-6小节的绝对定位的方法：使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素＊必须是相对定位元素的前辈元素＊： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 2、＊参照定位的元素＊必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、＊定位元素＊加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; }//定位元素是处于相对于相对元素来说的绝对位置。这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
鹤花落

下拉列表也可多选：按下Ctrl键同时进行单击，就可以选择多个选项。 <select multiple="multiple"> <option value="提交值">选项</option> <option value="旅游">旅游</option> <option value="运动">运动</option> </select>

查看全部

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

使用单选下拉列表： <select> <option value="提交值">选项</option> <option value="看书">看书</option> <option value="运动" selected="selected">运动</option> </select> 选项：下拉显示的值设置selected="selected"属性，则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
土田共戈

<h1>腾讯网</h1>

查看全部

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

使用单选框、复选框: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> value：提交数据到服务器的值,即选项的值。 checked：当设置checked="checked"时，该选项被默认选中. name：为控件命名，以备后台程序ASP、PHP使用同一组的单选按钮，name取值要相同。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22

首页上一页 27494 27495 27496 27497 27498 27499 27500 下一页尾页

0/150

提交

取消

开始学习

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

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