慕课网

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

初识HTML(5)+CSS(3)

最热最新

乌龙猫

通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的。

查看全部

0 采集收起
2015-01-20
乌龙猫

使用position:relative来实现相对于其它元素进行定位但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
走叉车盖头

区域划分标签 <div> </div> 注：标签划分区域可以是多种，作为容器存在

查看全部

0 采集收起
2018-03-22
乌龙猫

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-01-20
走叉车盖头

项目符号标签 <ul> <li>信息 </li> </ul> 前的项目符号是点点，是一种无序的排列 <ol> <li>信息</li> </ol> 有序的项目符号标签，前边是数字的排列。

查看全部

0 采集收起
2018-03-22
冉琦

#div1{ width:200px; height:200px; border:2px red solid; position:fixed; bottom:0; right:0 } 可以应用于提醒便签

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-01-20
乌龙猫

如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2015-01-20
ValenFM

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

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-01-20
Dan_j

.first,#second span{color:green;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-20
坏小子jhon

<em></em>斜体 <strong></strong> 粗体 <span> 来组合行内元素，以便通过样式来格式化它们。注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

查看全部

0 采集收起
2018-03-22
JaneQueen

1. HTML是网页内容的载体。 2. CSS样式是表现。 3. JavaScript是用来实现网页上的特效效果。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-20
ValenFM

如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-01-20
ValenFM

填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-01-20
坏小子jhon

<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
坏小子jhon

搜索引擎通过网页的title标签查询到主要内容是什么

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2015-01-20

首页上一页 26867 26868 26869 26870 26871 26872 26873 下一页尾页

0/150

提交

取消

开始学习

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

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