慕课网

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

初识HTML(5)+CSS(3)

最热最新

hwwn

内联元素: display:inline 将元素设置为内联元素。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置；

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-12-31
hwwn

块级元素： display:block 就是将元素显示为块级元素,使其具有块状元素特点。 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-12-31
hwwn

元素分类: 在讲解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
hwwn

对齐： text-align h1{ text-align: center; } /*设置文本对齐方式为居中*/ center 居中 left 靠左对齐 right 靠右对齐

查看全部

0 采集收起
2014-12-31
hwwn

字间距、字母间距（单词间距） h1{ letter-spacing:20px; } /*设置字母或字间距为 20px*/ h1{ word-spacing:20px; }/*设置单词与单词之间的距离为 20px*/

查看全部

0 采集收起
2014-12-31
hwwn

行间距（行高）: p{line-height:1.5em;} 代码解释：为段落内每行的距离设置为1.5em 提示：em为一个单位，类似厘米、米、公里

查看全部

0 采集收起
2014-12-31
hwwn

文本缩进： p{text-indent:2em;} 代码解释:段落的开头会进行缩进两个字，2em的意思就是正常文字的2倍大小

查看全部

0 采集收起
2014-12-31
hwwn

删除线: span{text-decoration:line-through;} span 内容带有删除线

查看全部

0 采集收起
2014-12-31
hwwn

下划线： p{text-decoration:underline;} 代码解释：为段落的字体设置下划线。值有： none :　默认值。无装饰（可删除超链接的下划线） blink :　闪烁 underline :　下划线 line-through :　贯穿线 overline :　上划线

查看全部

0 采集收起
2014-12-31
hwwn

斜体: a{font-style:italic;} 代码解释：超链接的字体样式为斜体

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-12-31
hwwn

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

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2014-12-31
hwwn

.stress{font-size:20px;color:red;} span .stress{font-size:20px;color:red;}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2014-12-31
hwwn

文字排版--字号、颜色 body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2014-12-31
hwwn

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面为网页中的文字设置字体为微软雅黑。注意不要设置不常用的字体 body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。

查看全部

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

!important：为某些样式设置具有最高权值 p{color:red!important;} 注意：!important要写在分号的前面样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式 !important优先级样式是个例外，权值高于用户自己设置的样式

查看全部

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

首页上一页 27116 27117 27118 27119 27120 27121 27122 下一页尾页

0/150

提交

取消

开始学习

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

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