慕课网

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

初识HTML(5)+CSS(3)

最热最新

会飞的柠檬

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

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

什么叫做“偏移前的位置保留不动”呢？大家可以做一个实验，在右侧代码编辑器的19行div标签的后面加入一个span标签，在标并在span标签中写入一些文字。如下代码： <body> <div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span> </body>

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
雪糕梦龙

同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2014-12-25
会飞的柠檬

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
会飞的柠檬

层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
会飞的柠檬

像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-12-25
会飞的柠檬

div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div> 设置两个元素一左一右可以实现一行显示 div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
Joting

font-family:"Microsoft Yahei"; /*设置字体，或者font-family:"微软雅黑";*/ body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
会飞的柠檬

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-12-25
Joting

!important：为某些样式设置具有最高权值 p{color:red!important;} 注意：!important要写在分号的前面样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式 !important优先级样式是个例外，权值高于用户自己设置的样式

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
shady2pro

伟大的 Hello World！为什么不是 hello kitty

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2014-12-25
Joting

层叠：对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用（后面的样式会覆盖前面的样式）

查看全部

0 采集收起
2014-12-25
Joting

当为同一个元素设置了不同的CSS样式代码时，浏览器根据权值来判断使用哪种css样式，权值高的就使用哪种css样式标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低

查看全部

0 采集收起来源：权值计算-特殊性
2014-12-25
Joting

css中的继承：它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；但有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2014-12-25
Vip_哲

select下拉框可以实现多选

查看全部

0 采集收起
2014-12-25

首页上一页 27169 27170 27171 27172 27173 27174 27175 下一页尾页

0/150

提交

取消

开始学习

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

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