慕课网

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

初识HTML(5)+CSS(3)

最热最新

晶龙_cai

2、clear:both清除浮动为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”结束前加此div引入“class="clear"”样式。这样即可清除浮动。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2018-03-22
晶龙_cai

清除浮动的经验 1、对父级设置适合CSS高度对父级设置适合高度样式清除浮动，这里对“.divcss5”设置一定高度即可，一般设置高度需要能确定内容高度才能设置。这里我们知道内容高度是100PX+上下边框为2px，这样具体父级高度为102px

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-10-03
晶龙_cai

二、浮动产生负作用 - TOP 1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。 2、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。 3、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-10-03
晶龙_cai

脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位，需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positoning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-10-03
慕仰5749657

css样式，为表格加入边框 Table表格在没有添加css样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。在右侧代码编辑器中添加如下代码： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码（后面章节会详细讲解），为th，td单元格添加粗细为一个象素的黑色边框。

查看全部

0 采集收起
2018-03-22
劉昊達

位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2014-10-03
劉昊達

position:relative; left:100px; top:50px;

查看全部

1 采集收起来源：相对于自己的位置-层模型之相对定位
2014-10-07
劉昊達

width:200px; height:200px; border:2px red solid; position:absolute; right:100px; top:20px;

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-10-03
劉昊達

右侧的代码编辑器中试一试使两个栏目并排显示出来且两个栏目都是左对齐。 1、在右侧代码编辑器中的第11行输入下面代码： float:left;

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2014-10-03
劉昊達

padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-10-03
劉昊達

ss样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-10-03
劉昊達

注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

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

caption标签，为表格添加标题和摘要表格还是需要添加一些标签进行优化，可以添加标题和摘要摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 标题用以描述表格内容，标题的显示位置：表格上方。语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr

查看全部

0 采集收起
2018-03-22
GPL

css样式，为表格加入边框 Table表格在没有添加css样式之前，是没有边框的。这样不便于我们后期合并单元格知识点的讲解，所以在这一节中我们为表格添加一些样式，为它添加边框。在右侧代码编辑器中添加如下代码： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码（后面章节会详细讲解），为th，td单元格添加粗细为一个象素的黑色边框。

查看全部

0 采集收起
2018-03-22
GPL

6、表格中列的个数，取决于一行中数据单元格的个数总结： 1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的 2、表头，也就是th标签中的文本默认为粗体并且居中显示

查看全部

0 采集收起
2014-10-03

首页上一页 28127 28128 28129 28130 28131 28132 28133 下一页尾页

0/150

提交

取消

开始学习

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

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