慕课网

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

初识HTML(5)+CSS(3)

最热最新

HTML工程狮

为表格添加标题：<caption>标题文本</caption> 为表格添加摘要：<table summary="表格简介文本">

查看全部

0 采集收起
2018-03-22
glenhappy

如果我们想让两个块状元素并排显示到一行肿么办，不要急，用元素的浮动就可以实现！！！！

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2014-12-11
HTML工程狮

table, tr, td,th{border:1px solid #000;}加上逗号，表示一个个的标签选择器，如果不加逗号，表示table标签下的tr标签，tr标签下的td，依次类推。这个最好的验证效果就是你把他们的位置调换一下，然后加上都和不加逗号的效果就能看出来了

查看全部

0 采集收起
2014-12-11
甜菜

盒模型--边界: 元素与其它元素之间的距离可以使用边界（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;}

查看全部

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

盒模型--填充: 元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： 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;}

查看全部

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

盒模型--宽度和高度: 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如： css代码： div{ width:200px; padding:20px; border:1px solid red; margin:10px; } html代码： <body> <div>文本内容</div> </body> 元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2018-03-22
东大小松鼠

<label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
东大小松鼠

使用重置按钮，重置表单信息当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

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

盒模型--边框（二）现在有一个问题，如果有想为p标签单独设置下边框，而其它三边都不设置边框样式怎么办呢？css样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-12-11
东大小松鼠

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

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
东大小松鼠

使用下拉列表框进行多选下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22
牛奶不爱喝我

{position:fixed;}可以起到滚动条无效的作用

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-12-11
kaola8023

css选择器；元素选择器 id选择器类选择器子选择器包含选择器状态选择器（伪选择器）分组选择器

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-12-11
kaola8023

选择器：元素选择器 id 选择器类选择器子选择器包含选择器状态选择器（伪选择器）

查看全部

1 采集收起来源：伪装者 - 伪类选择器
2014-12-13
kaola8023

子选择器与包含选择器：子选择器只作用于第一层子元素。包含选择器作用于所有的子元素

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2014-12-11

首页上一页 27324 27325 27326 27327 27328 27329 27330 下一页尾页

0/150

提交

取消

开始学习

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

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