慕课网

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

初识HTML(5)+CSS(3)

最热最新

qq_慕工程4342448

<body><span class="setGreen">公开课</span>
    <h1>勇气</h1>
    <p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
    <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg">
</body>

查看全部

0 采集收起来源：再选一个类 - 类选择器
2021-06-27
weixin_慕圣9456293
相同点：可以应用于任何元素

不同点：
1、ID选择器只能在文档中使用一次。
与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
下面代码是正确的：
<p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。</p>
而下面代码是错误的：
<p>三年级时，我还是一个<span id="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span id="stress">勇气</span>来回答老师提出的问题。</p>
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。
我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
下面的代码是正确的(完整代码见右侧代码编辑器)
```
.stress{
    color:red;
}
.bigsize{
    font-size:25px;
}
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p>
```
上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
下面的代码是不正确的(完整代码见右侧代码编辑器)
```
#stressid{
    color:red;
}
#bigsizeid{
    font-size:25px;
}
<p>到了<span id="stressid bigsizeid">三年级</span>下学期时，我们班上了一节公开课...</p>
```
上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。
查看全部

0 采集收起来源：类和ID选择器的区别
2021-06-27
安娜小七

<hr /> 用于分隔一行直线。它是开始标签，没有结束标签，所以可以单独使用。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2021-06-27
慕无忌0423037

<table border="1">

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-06-27
慕无忌0423037

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字vv

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-06-27
安娜小七

  相当于word中的空格。
（这种语法用于多个空格情况？否则，只输入“ ”，也可在网页中显示一个空格。）

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2021-06-27
安娜小七

<br /> 相当于word中的回车换行。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2021-06-27
慕妹5435155

标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如，，，等，但是浏览器除了会在标题栏显示元素的内容外，不会向用户显示head元素内的其他任何内容。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-06-26
爱德华关尔尔

【块级元素】
1、块级元素很霸道，1个块级元素独占一行，行高宽顶底边距可设置
2、设置display:block，将内联元素转换为块状元素，从而使该元素也具有块状元素特点
【内联元素】
3、内联元素和其他元素都在一行上，行高宽顶底边距不可设置
4、设置display:inline，将块状元素转换为内联元素，从而使该元素也具有内联元素特点
【内联块级元素】
5、内联块级元素，和其他元素在一行，行高宽顶底边距可设置
6、设置display:inline-block
【盒模型】
7、<ul><div><ol><table><p><h1>这些块级元素都具有盒模型的特征
8、盒模型的宽度=左边界+左边框+左填充+内容填充+右填充+右边框+右边界（高度同理）

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2021-06-25
爱德华关尔尔

【元素分类】
1、p，div，h1…h6，table，块状元素就是行元素，宽度是浏览器的100%
2、span，a，i，q，br，label，内联元素宽度受标签内容设置影响

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-06-25
weixin_慕虎8197446

代码如下：
p {
color: red;
border: 1px solid blue;
width: 140px;
height: 40px;
}
技术点的解释：
1、css是用来修饰html样式的
2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css
3、html+css构成了我们网页的基本页面结构和样式

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2021-06-23
qqai_0

1、text-decoration可以设置添加到文本的修饰。
2、text-decoration默认值为none, 定义标准的文本。
3、text-decoration的值为underline为定义文本下的一条线。
4、text-decoration的值为overline为定义文本上的一条线。
5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2021-06-23
qqai_0

font-family:字体类型；
font-size:字体大小；
font-weight:bold：设置为粗体样式；
font-style:italic：设置为斜体样式；
text-decoration:underline：文字设置下划线；
text-decoration:line-through：删除线；
text-indent:2em：缩进；（注意：2em的意思就是文字的2倍大小。）
line-height:2em：行高；
word-spacing:50px：单词间距；
letter-spacing:20px:字母间距；
text-align:center：水平居中对齐；
font-weight:normal;/*去掉粗体样式*/
vertical-align:middle：垂直居中；
overflow:hidden：溢出隐藏；
display：inline-block：内联块；
clear：both；清除浮动；
vertical-align：垂直对齐；
鼠标经过它时候的效果：
a:link {color: #FF0000} /* 未访问时的状态 */；
a:visited {color: #00FF00} /* 已访问过的状态 */；
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */；
a:active {color: #0000FF} /* 鼠标按下去时的状态 */；
标签：
<table>：创建表格；
<form>标签的使用方法：
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
</form>；
边框border、内边距padding、内容content、背景background、外边距margin、实线solid

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2021-06-23
小兔吃豆腐

增加文字样式

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2021-06-23

首页上一页 237 238 239 240 241 242 243 下一页尾页

0/150

提交

取消

开始学习

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

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