慕课网

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

初识HTML(5)+CSS(3)

最热最新

会飞的柠檬

字体缩写网页中的字体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
MKeven

<input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

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

语法: <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

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

<label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> 在select属性中添加( multiple="multiple"),为多项下拉选择框

查看全部

0 采集收起
2018-03-22
MKeven

语法: <select <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> selected="selected"属性，则该选项就被默认选中。

查看全部

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

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

查看全部

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

文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 例如个人简介

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
MKeven

语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。

查看全部

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

语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> title:鼠标移动到图片上显示的文字

查看全部

0 采集收起
2018-03-22
铁文人武

ID选择器,语法： #setGreen{ color:green; }

查看全部

0 采集收起
2014-12-27
铁文人武

类选择器,语法： .类选器名称{css样式代码;}

查看全部

0 采集收起来源：再选一个类 - 类选择器
2014-12-27
铁文人武

标签选择器,例如下面代码： p{font-size:12px;line-height:1.6em;}

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2014-12-27
铁文人武

如果有一种情况：对于同一个元素我们同时用了三种方法设置css样式，那么哪种方法真正有效呢？这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式。但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。

查看全部

0 采集收起
2018-03-22
CrazyRyan

元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 如果上右下左的边界都为10px;可以这么写： div{ margin:10px;} 如果上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;} 总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

1 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-12-27
CrazyRyan

元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;} 顺序一定不要搞混。可以分开写上面代码： div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

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

首页上一页 27159 27160 27161 27162 27163 27164 27165 下一页尾页

0/150

提交

取消

开始学习

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

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