慕课网

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

初识HTML(5)+CSS(3)

最热最新

Marklog

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

查看全部

0 采集收起
2014-09-30
在学习路上

语法： xhtml1.0写法： <br /> html4.01写法： <br> 与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
Marklog

三种缩写方法: 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 采集收起
2014-09-30
无限龙神奥菲斯

流动模型浮动模型层模型： 1、绝对定位(position: absolute)——相对父包含块或浏览器窗口 2、相对定位(position: relative)——相对以前的位置（移动之后以前的位置还在） 3、固定定位(position: fixed)——相对视图（屏幕内的网页窗口） Fixed 与 absolute 的区别在于无论滚动条怎么移动fixed始终在浏览器里保持那个位置不动。而absolute 当滚动条向下移动的时候，就会向上移动。

查看全部

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

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/

查看全部

0 采集收起
2014-09-30
Marklog

Relative与Absolute组合使用

查看全部

0 采集收起来源：Relative与Absolute组合使用
2014-09-30
Marklog

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组合使用
2014-09-30
Marklog

相对于其它元素进行定位用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
无限龙神奥菲斯

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

查看全部

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

以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
Marklog

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

查看全部

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

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-09-30
取用户民什么的最难了

inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-09-30
取用户民什么的最难了

行内元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-09-30
取用户民什么的最难了

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

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-09-30

首页上一页 28143 28144 28145 28146 28147 28148 28149 下一页尾页

0/150

提交

取消

开始学习

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

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