慕课网

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

初识HTML(5)+CSS(3)

最热最新

沉睡的宁静

{font-weight:bold;}

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2015-02-09
_Delete

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-02-09
Ward

语法：<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

0 采集收起
2018-03-22
Ward

当代码为一行代码时，你就可以使用<code>标签了，如下面例子：注意：在文章中一般如果要插入多行代码时不能使用<code>标签了,可以使用<pre>标签。语法：<code>代码语言</code>

查看全部

0 采集收起
2018-03-22
Awaken_glitter

1、英文命令颜色前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如： p{color:rgb(20%,33%,25%);} 3、十六进制颜色这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00ffff;}

查看全部

0 采集收起
2015-02-09
Ward

两个标签的表现虽然都是斜体，但两个标签的用处不一样，一个是给网页添加地址时用adress，另一个em是需要强调某个文字是使用em，再次强调一下，学习标签要记住它的用途，而不是它的表现，表现是可以用css样式改变的。

查看全部

1 采集收起
2015-02-11
Awaken_glitter

一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
Awaken_glitter

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： 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-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

查看全部

0 采集收起
2018-03-22
Ward

一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。语法：<address>地址信息</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式。

查看全部

0 采集收起
2018-03-22
Mcrime

在网页上要展示出来的页面内容一定要放在body标签中。

查看全部

0 采集收起
2015-02-09
Awaken_glitter

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

查看全部

0 采集收起
2015-02-09
Mcrime

标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。

查看全部

0 采集收起
2015-02-09
Ward

在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。语法： html4.01版本 <hr> xhtml1.0版本 <hr /> 注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，css样式表可以对其修改。 3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
Awaken_glitter

如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px;

查看全部

0 采集收起
2015-02-09
Ward

要想输入空格，必须写入 。语法： 

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22

首页上一页 26518 26519 26520 26521 26522 26523 26524 下一页尾页

0/150

提交

取消

开始学习

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

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