慕课网

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

初识HTML(5)+CSS(3)

最热最新

wyhsy001

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法：<div>…</div> 确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，使用<div>标签作为容器。

查看全部

0 采集收起
2018-03-22
wyhsy001

使用<ol>标签来制作有序列表。 <ol> <li>信息</li> <li>信息</li> </ol> <ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始

查看全部

0 采集收起
2018-03-22
wyhsy001

<address>地址信息</address> 在浏览器上显示的样式为斜体可以使用css样式来修改它。

查看全部

0 采集收起
2018-03-22
yipianyun

字体缩写 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
yipianyun

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

查看全部

0 采集收起
2014-12-27
yipianyun

盒模型代码简写 padding、border的缩写方法和margin是一致的。通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，可缩写为： margin:10px 20px; 3、如果left和right的值相同，可缩写为： margin:10px 20px 30px;

查看全部

0 采集收起
2014-12-27
yipianyun

Relative与Absolute组合使用子容器可以在父容器内进行绝对偏移 1、参照定位的元素(父元素)必须加入position:relative; 2、定位元素（子元素）加入position:absolute，使用top、bottom、left、right来进行偏移定位。 <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 #box1{ width:200px; height:200px; position:relative; } #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

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

认识div在排版中的作用： 1、<div>标签相当于一个容器，用于存放相同逻辑部分的内容。 2、逻辑部分：是页面上【相互关联的一组元素】。如网页中的独立的栏目版块 3、语法：<div>....</div>

查看全部

0 采集收起
2018-03-22
hwwn

<ul>添加信息列表语法： <ul> <li>信息</li> <li>信息</li> ...... </ul> 默认样式一般为：每项li前都自带一个圆点注：ul-li是没有前后顺序的信息列表

查看全部

0 采集收起
2018-03-22
旅晨

<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
hwwn

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

查看全部

0 采集收起
2018-03-22
MKeven

用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。每个标签的ID都不能相同

查看全部

0 采集收起
2018-03-22
MKeven

div相当于一个框架,网页是由许多个框架构成

查看全部

1 采集收起
2014-12-26
MKeven

<ol> <li>信息</li> <li>信息</li> ...... </ol> ol为有序列表

查看全部

0 采集收起
2018-03-22
MKeven

<ul> <li>信息</li> <li>信息</li> ...... </ul> ul为无序列表

查看全部

0 采集收起
2018-03-22

首页上一页 27161 27162 27163 27164 27165 27166 27167 下一页尾页

0/150

提交

取消

开始学习

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

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