慕课网

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

初识HTML(5)+CSS(3)

最热最新

恋上天空的驴

body{font-family:"Mircrosoft Yahei";}微软雅黑 body{font-size:12px;color:#666}大小颜色 P{font-weight:bold;}加粗 p{font-style:italic;}斜体字 p{text-decoration:underline;}下划线 p{text-decoration:line-through;}删除线 p{text-indent:2em;}首行缩进文字2倍 p{line-height:2em;}行高 p{letter-spacing:50px;}文字间隔 p{text-align:center;}块状元素对齐

查看全部

1 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
Sep8

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-09-27
Sep8

盒模型--填充元素内容与边框之间是可以设置距离的，称之为填充。填充也可分为上、右、下、左。如下代码： div{padding:20px 10px15px 30px;} 顺序一定不要搞混。可以分开写上面代码： div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-09-27
Sep8

元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 如果上右下左的边界都为10px;可以这么写： div{ margin:10px;} 如果上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;}

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-09-27
恋上天空的驴

.oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-09-27
哈箭

text-indent:2em

查看全部

0 采集收起
2014-09-27
Sep8

width:200px;height:30px; 填充 padding 边框 border 边距 margin （外边距）

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-09-27
恋上天空的驴

重要性我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面

查看全部

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

边框样式 div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red; solid dashed dotted

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-09-27
恋上天空的驴

下面是权值的规则：标签的权值为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-09-27
Sun_0053

<h1></h1>是标题标签，它在网页上的代码写成<h1>勇气</h1>。 “三年级时...我也没勇气参加。” 是网页中文章的段落，<p></p>是段落标签。它在网页上的代码写成 <p>三年级时...我也没勇气参加。</p> 网页上那张小女生的图片，由img标签来完成的，它在网页上的代码写成<img src="1.jpg">

查看全部

0 采集收起
2018-03-22
Sep8

p{border:2px dotted #ccc;} 点框 p{border:2px dashed #ccc;} 虚框 p{border:2px solid #ccc;} 实框分开写 p{ border-width:2px; border-style:solid; border-color:red; } border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-09-27
恋上天空的驴

伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-09-27
恋上天空的驴

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-09-27
Sep8

1.具备盒模型的标签是块级标签：<div><p><ol><ul><h><table> 2.内边距：padding（盒与内容之间的距离，包括padding-top、padding-right、padding-left、padding-bottom） 3.外边距：margin（两盒之间的距离） 4.盒的边框：border

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2018-03-22

首页上一页 28166 28167 28168 28169 28170 28171 28172 下一页尾页

0/150

提交

取消

开始学习

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

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