慕课网

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

初识HTML(5)+CSS(3)

最热最新

故人渐北

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
pb之外

段落排版--字间距、字母间距如果想在网页排版中设置文字间隔或者字母间隔就可以使用letter-spacing来实现，如下面代码： h1{letter-spacing:50px;} 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。如果想设置英文单词之间的间距呢？可以使用word-spacing来实现。

查看全部

0 采集收起
2015-02-05
粉铺大侠

Relative与Absolute组合使用小伙伴们学习了12-6小节的绝对定位的方法：使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

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

标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。

查看全部

0 采集收起
2015-02-05
pb之外

段落排版--行间距（行高）如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2015-02-05
pb之外

段落排版--缩进语法：p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2015-02-05
pb之外

文字排版--删除线语法: .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-02-05
pb之外

文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;}

查看全部

0 采集收起
2015-02-05
pb之外

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

查看全部

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



查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
MISS_Z2015

<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> head内容不会显示到网页内容上只会告诉大家网页是干什么的

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
禅舞不二

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
angelina

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
peggy_liu

当代码为一行代码时，你就可以使用<code>标签了，如下面例子： <code>var i=i+300;</code> 注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。

查看全部

0 采集收起
2018-03-22
gese_yan

创建表格的四个元素： table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。

查看全部

0 采集收起
2018-03-22

首页上一页 26603 26604 26605 26606 26607 26608 26609 下一页尾页

0/150

提交

取消

开始学习

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

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