慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕村4477168
ul-li是没有前后顺序的信息列表。
语法：
```
<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>
```
举例：
```
<ul>
  <li>精彩少年</li>
  <li>美丽突然出现</li>
  <li>触动心灵的旋律</li>
</ul>
```
ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点
查看全部

0 采集收起来源：添加新闻信息列表 - 使用<ul><li>标签实现无序列表
2020-11-22
weixin_慕雪620260

需要特别注意的：一个正方形，当设置圆角效果值为元素宽度一半时，显示效果为圆形。例如： div { width: 200px; height: 200px; border: 5px solid red; border-radius: 100px; }

查看全部

0 采集收起来源：加个圆角 - 使用border-radius设置圆角
2020-11-22
weixin_慕雪620260

内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。小伙伴们你们观查一下右侧代码段，有没有发现一个问题，内联元素之间有一个间距问题，这个问题在本小节的 wiki 中有介绍，感兴趣的小伙伴可以去查看。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2020-11-22
weixin_慕雪620260

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

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2020-11-22
weixin_慕雪620260
，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：
、
、
...
、
1. 、
- 、
、
、常用的内联元素有：、、
、、、、、、、、常用的内联块状元素有：、
查看全部

0 采集收起来源：给元素分个类 - 元素分类
2020-11-22
weixin_慕雪620260

页设置字体的代码： body{ font-style:italic; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; }

查看全部

0 采集收起来源：偷个懒 - font样式的简写方式
2020-11-22
weixin_慕雪620260

p{color:red!important;} p{color:green;}
三年级时，我还是一个

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2020-11-22
weixin_慕雪620260

1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。 2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2020-11-22
慕村4477168

语法：
html4.01版本 <hr>
xhtml1.0版本 <hr />
注意：
1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。
2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。
3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2020-11-22
慕村4477168

语法：
xhtml1.0写法：
<br />
html4.01写法：
<br>
大家注意，现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。
与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2020-11-22
慕虎1538014

内联元素
<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素
display:inline将元素设置为内联元素
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2020-11-22
慕虎1538014

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

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2020-11-22
慕虎1538014

元素分类
常用的块状元素有：
<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 采集收起来源：给元素分个类 - 元素分类
2020-11-22
慕虎1538014

text-align设置文本对齐方式
分别有center left right

查看全部

0 采集收起来源：换个排列方式 - 使用text-align设置文本对齐方式
2020-11-22
慕虎1538014
letter/word-spacing增加或减少字符间的空白
```
h1{
    letter-spacing:50px;
}
```
查看全部

0 采集收起来源：男女授受不亲 - 使用letter/word-spacing增加或减少字符间的空白
2020-11-22

首页上一页 392 393 394 395 396 397 398 下一页尾页

0/150

提交

取消

开始学习

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

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

初识HTML(5)+CSS(3)

...

、

内联元素

块级元素

元素分类

text-align设置文本对齐方式

letter/word-spacing增加或减少字符间的空白