慕课网

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

初识HTML(5)+CSS(3)

最热最新

田志伟

<html> <head> </head> <body> </body> </html> html的主要结构。其中<html></html>为html文档的开始与结束标签，表示整个文档为html文档，便于浏览器解析。 head标签为html文档的头部标签，主要用于设计整个网页的布局和相关标题，样式等，主要使用的标签有link style script meta title等。 body标签用于定义html的主体，浏览器显示出来的内容都包含在body标签内。

查看全部

0 采集收起
2018-03-22
暮歌___

子选择器：如何作用在子上。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2014-10-21
Carol_Li

下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。

查看全部

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

.food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
Carol_Li

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

查看全部

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

偏移前的位置保留不动

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-10-21
干涸河

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

查看全部

0 采集收起来源：什么是层模型？
2014-10-21
慕工程5677592

inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-10-21
Carol_Li

下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .first{color:white;} /*权值为10*/ p span.first{color:purple;} /*权值为1+1+10=12*/ #footer .first p{color:yellow;} /*权值为100+10+1=111*/ 注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2014-10-21
Carol_Li

特殊性有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。 p标签中的子会显示为绿色，因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
Carol_Li

CSS的某些样式是具有继承性的，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。 但注意有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
完O溜溜

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
Carol_Li

不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。 --来自老师解答

查看全部

0 采集收起来源：继承者 - 样式的继承
2014-10-21
兰花香

素与其它元素之间的距离可以使用边界（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;} 区别，padding在边框里，margin在边框外

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-10-21
pandajia

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

查看全部

1 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2014-10-21

首页上一页 27993 27994 27995 27996 27997 27998 27999 下一页尾页

0/150

提交

取消

开始学习

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

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