慕课网

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

初识HTML(5)+CSS(3)

最热最新

稻禾盛夏

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
稻禾盛夏

在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
不喜欢不喜欢java

id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

0 采集收起
2018-03-22
稻禾盛夏

为块状元素中的文本、图片设置居中样式 div{text-align:center;}

查看全部

0 采集收起
2014-11-20
稻禾盛夏

letter-spacing:50px;字母之间的间距 word-spacing:20px 单词之间的间距

查看全部

0 采集收起
2014-11-20
稻禾盛夏

段落排版--行间距(line-height) 如：实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2014-11-20
稻禾盛夏

text-indent:2em可以为段落设置缩进，2em表示文字的两倍大小，如 p{text-indent:2em;}

查看全部

0 采集收起
2014-11-20
稻禾盛夏

font-weight:bold加粗 font-style:italic斜体 text-decoration::underline下划线 text-decoration:linr-through删除线 <span></span>单独设置样式

查看全部

0 采集收起
2018-03-22
稻禾盛夏

font-weight:bold加粗 font-style:italic斜体 text-decoration::underline下划线

查看全部

1 采集收起
2014-11-22
稻禾盛夏

文字排版--斜体 p a{font-style:italic;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-11-20
稻禾盛夏

p{color:red !important;} p.first{color:green;}

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2014-11-20
稻禾盛夏

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2014-11-20
稻禾盛夏

CSS的某些样式是具有继承性的,但注意有一些css样式是不具有继承性的。如border:1px solid red;

查看全部

0 采集收起来源：继承者 - 样式的继承
2014-11-20
稻禾盛夏

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-20
稻禾盛夏

其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-11-20

首页上一页 27571 27572 27573 27574 27575 27576 27577 下一页尾页

0/150

提交

取消

开始学习

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

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