慕课网

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

初识HTML(5)+CSS(3)

最热最新

北边有个南瓜

偏移前的位置保留不动?

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-10-14
北边有个南瓜

设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-10-14
北边有个南瓜

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-10-14
北边有个南瓜

div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } 注意，设置浮动的同时一定要先设置块状元素的宽度且需要浮动的几个元素宽度加起来一定要小于容器元素的宽度。

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2014-10-14
小怪基德

注意label标签中fro与id的值要相同

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-10-14
哈姆莱凡

<link href="base.css" rel="stylesheet" type="text/css" />

查看全部

0 采集收起
2018-03-22
梦__朦胧

标签的用途：语义化。什么叫做语义化? 说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）语义化的好处？ 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。

查看全部

0 采集收起
2014-10-14
fantasyhu

层叠层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。 p{color:red;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green，

查看全部

0 采集收起
2018-03-22
fantasyhu

权值（优先权大小，越大越牛逼）标签的权值为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 采集收起来源：权值计算-特殊性
2014-10-14
ShowsCAI

第十一章：关于盒子模型 padding border margin表示内填充、边框、外边界 border设置的顺序为边框粗细、边框样式、边框颜色;可通过top、bottom、left、right单独设置边框属性 p{border:5px solid red;} 可以写成 p{ borded-width:5px; border-style:solid/dotted/dashed; border-color:red } padding\margin属性的设置顺序为顺时针。 padding:20px;10px; 表示上下20px，左右10px；

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2014-10-14
fantasyhu

分组选择符 (妈的，哪儿这么多选择器！！！) 多个标签元素设置同一个样式时，可以使用分组选择符（，）， h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-10-14
ShowsCAI

第十一章笔记 A.块级元素 div>、 <p>、<h1>、<form>、<ul> 、<li> ul,li,h1,h2,h3,p{margin:0;padding:0} ul\li\h\p默认存在padding和margin值，因此会在浏览器显示空行。属性： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 B、行内元素 <span>、<a>、<label>、<input>、 <img>、 <strong> 、<em> 当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。一种方法是将所有行内元素写在一行内，另一种方法是定义font-size:0px 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
fantasyhu

伪类选择符(学习下鼠标滑过) 它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-10-14
fantasyhu

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-10-14
ShowsCAI

第十章笔记： font-family:"Microsoft Yahei" 字体 font-size 字号 font-weight:bold 设置加粗 color 颜色 font-style:italic 设置斜体 text-decoration:underline 设置下划线 text-decoration:line-through 设置删除线 text-indent:2em 设置首行缩进2字符 line-height:2em 设置行间距为2倍行距 letter-spacing 设置字符间距 word-spacing 设置词组间距 text-align:center/left/right 设置对齐

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2018-03-22

首页上一页 28049 28050 28051 28052 28053 28054 28055 下一页尾页

0/150

提交

取消

开始学习

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

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