慕课网

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

初识HTML(5)+CSS(3)

最热最新

Stunner_W

段落排版

查看全部

0 采集收起
2015-01-12
十年后的思念

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

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-12
Lady_MayLing

字体缩写：至少要指定 font-size 和 font-family 属性，其他属性如未指定将自动使用默认值 body{ font-style:italic; /*斜体*/ font-variant:small-caps; /*针对英文字母的,意思是小型大写,大小跟小写字母一样,样式是大写。*/ font-weight:bold; /*粗体*/ font-size:12px; /*字号*/ line-height:1.5em; /*行间距*/ font-family:"宋体",sans-serif;/*中文字体，英文字体*/ } 缩写为： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; 回顾： 1）字体 ①斜--体：font-style:italic; ②下划线：text-decoration:underline; ③删除线：text-decoration:line-through; 2）段落排版： ①缩--进：p{text-indent:2em;} ②行间距：p{line-height:2em;} 3）字间距：word-spacing:50px; 4）字母间距：letter-spacing:50px;

查看全部

0 采集收起
2018-03-22
Stunner_W

如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>

查看全部

0 采集收起
2018-03-22
十年后的思念

top left right bottom

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2015-01-12
Stunner_W

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} <p>1922年的春天，一个想要成名名叫尼克卡拉威（托比?马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p> 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2018-03-22
Stunner_W

注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

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

p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面

查看全部

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

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

查看全部

0 采集收起
2015-01-12
chachakun

<code> 和<pre>

查看全部

0 采集收起
2018-03-22
Puppet_Master

布局模型是本，CSS布局样式或CSS布局模板是末；3中布局模型： 1.Flow 流动模型；2.Float 浮动模型；3.Layer 层模型。 1.Flow 想象成水流，自上而下；2.Float 看成设置水流源头方向； 3.层模型把绝对定位和相对定位都理解成距...参考位置...像素，如1：绝对定位，div向下100px，向右300px，看成现在的div距浏览器或最近的绝对定位顶部100px，距左侧300px，即 { position:absolute; top:100px; left:300px; } 如2：相对定位，div相对原来位置，向上200px，向左400px，看做现在div距原来位置底部200px，距右侧400px { position:relative; bottom:200px; right:400px }

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-12
Lady_MayLing

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

查看全部

0 采集收起
2015-01-12
用户1158659

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2015-01-12
Lady_MayLing

盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。 padding、border和margin的三种缩写方法: 1.margin:10px 10px 10px 10px;→margin:10px; 2.margin:10px 20px 10px 20px;→margin:10px 20px; 3.margin:10px 20px 30px 20px;→margin:10px 20px 30px

查看全部

0 采集收起
2015-01-12
Lady_MayLing

1.参照定位的元素必须是相对定位元素的前辈元素也就是父元素 2.参照定位元素必须加入 position:"relative" 3.定位元素加入position:absolute 可以使用top left bottom right 根据父元素来定位

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22

首页上一页 26962 26963 26964 26965 26966 26967 26968 下一页尾页

0/150

提交

取消

开始学习

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

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