慕课网

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

初识HTML(5)+CSS(3)

最热最新

小北1054934

流动模型（一）流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-09
LorenzoX

为表格添加标题和摘要摘要语法：<table summary="表格简介文本"> 标题语法： <table summary="表格简介文本">其中summary的内容是不显示的，是给搜索引擎和码农看的 <caption>标题文本</caption>，标题文本是会显示的 </table>结束的标签不用改成summary

查看全部

0 采集收起
2018-03-22
小北1054934

css布局模型 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-12-09
小北1054934

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

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

盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。

查看全部

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

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。个人认为，就是包含选择器与类选择器差不多，只是针对某一个具有独立性，而包含选择器则是全部包含的意思。

查看全部

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

分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

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

伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-12-09
LorenzoX

创建表格的四个元素： table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。

查看全部

0 采集收起
2018-03-22
小北1054934

盒模型--宽度和高度盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-12-09
小北1054934

盒模型--边框（二）现在有一个问题，如果有想为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-09
gvhjzdxv

通用选择器通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-12-09
小北1054934

盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-12-09
gvhjzdxv

包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
懒人的懒

子选择器格式 .food>li{border:1px solid red;}

查看全部

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

首页上一页 27350 27351 27352 27353 27354 27355 27356 下一页尾页

0/150

提交

取消

开始学习

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

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