慕课网

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

初识HTML(5)+CSS(3)

最热最新

潇湘頔儿

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
wyhsy001

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

查看全部

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

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，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。在chrome浏览器下可查看元素盒模型，如下图：

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2018-03-22
懒人的懒

盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。width:200px; padding:20px; border:1px solid red; margin:10px;

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-12-30
huang_sw

<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码

查看全部

0 采集收起
2018-03-22
懒人的懒

div{border-bottom:1px solid red;} 设置下横线为1px，实线，填充颜色为red 上：top 下：bottom 左：left 右：hight

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-12-30
shimin68

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
懒人的懒

border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 { border:2px solid red; }边框2px，实线，红色填充

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-12-30
潇湘頔儿

设置display:block就是将元素显示为块级元素。块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-12-30
潇湘頔儿

在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
ddupl

字体缩写 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 中间要加入“/”斜扛。

查看全部

0 采集收起
2018-03-22
ddupl

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

查看全部

0 采集收起
2014-12-30
ddupl

如果left和right的值相同，如下面代码 margin:10px 20px 30px; 盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照【顺时针】方向设置的

查看全部

0 采集收起
2014-12-30
wyhsy001

当用户需要提交表单信息到服务器时，需要用到提交按钮。语法：<input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用.value：按钮上显示的文字

查看全部

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

.food>li{border:1px solid red;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22

首页上一页 27129 27130 27131 27132 27133 27134 27135 下一页尾页

0/150

提交

取消

开始学习

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

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