慕课网

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

初识HTML(5)+CSS(3)

最热最新

Lady_MayLing

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-02
吴扬熙很懒

段落排版--行间距（行高）这一小节我们来学习一下另一个在段落排版中起重要作用的行间距（行高）属性（line-height），如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;} 菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。

查看全部

0 采集收起
2018-03-22
吴扬熙很懒

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

查看全部

0 采集收起
2018-03-22
吴扬熙很懒

文字排版--删除线上图中的原价上的删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-01-02
吴扬熙很懒

文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;} 三年级时，我还是一个<a>胆小如鼠</a>的小女孩。

查看全部

0 采集收起
2018-03-22
吴扬熙很懒

文字排版--斜体以下代码可以实现文字以斜体样式在浏览器中显示： p a{font-style:italic;} 三年级时，我还是一个<a>胆小如鼠</a>的小女孩。

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2018-03-22
brighter_lll

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
吴扬熙很懒

文字排版--粗体我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。 p span{font-weight:bold;} 在这里大家可以看到，如果想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2015-01-02
吴扬熙很懒

文字排版--字号、颜色可以使用下面代码设置网页中文字的字号为12像素，并把字体颜色设置为#666(灰色)： body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2015-01-02
brighter_lll

ID选择器只能在文档中使用一次。可以使用类选择器词列表方法为一个元素同时设置多个样式。

查看全部

0 采集收起来源：类和ID选择器的区别
2015-01-02
brighter_lll

ID选择符的前面是井号（#）号，而不是英文圆点（.）

查看全部

0 采集收起
2015-01-02
吴扬熙很懒

文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

查看全部

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

英文圆点开头

查看全部

0 采集收起来源：再选一个类 - 类选择器
2015-01-02
吴扬熙很懒

重要性我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

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

层叠我们来思考一个问题：如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办？好，这一小节中的层叠帮你解决这个问题。层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。如下面代码: p{color:red;} p{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。 最后 p 中的文本会设置为green，这个层叠很好理解，理解为后面的样式会覆盖前面的样式。所以前面的css样式优先级就不难理解了：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

查看全部

0 采集收起
2018-03-22

首页上一页 27093 27094 27095 27096 27097 27098 27099 下一页尾页

0/150

提交

取消

开始学习

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

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