慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

月夕花晨

ul li按点排列无序
ol li按数字排列有序
dl dt无点无数字空排列

查看全部

0 采集收起来源：添加新闻信息列表 - 使用<ul><li>标签实现无序列表
2023-04-11
月夕花晨

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
</head>
<style>
table {
border:2px solid black;
}
tr {
border:2px solid black;
}
th {
border:2px solid black;
}
td {
border:2px solid black;
}
</style>
<body>
<h3>前端三剑客</h3>
<hr>
<table>
<caption>前端三剑客</caption>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
<tr>
<td>html</td>
<td>五星</td>
<td>三星</td>
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>五星</td>
<td>四星</td>
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>五星</td>
<td>五星</td>
<td>20天</td>
</tr>
</table>
</body>

</html>

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2023-04-11
weixin_慕瓜2201835

点击输入你的用户名就可以进行输入

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2023-04-06
_Seven_7

固定宽度居中显示：
width:200px;/*定宽*/
margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
相当于左右边距auto，显示为居中效果

查看全部

0 采集收起来源：水平居中设置-定宽块状元素
2023-04-05
_Seven_7

绝对定位：
div{
width:200px;
height:200px;
border:2px red solid;
position:absolute;
left:100px;
top:50px;}
<div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2023-04-03
_Seven_7

1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。
2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
border-color:#888;//前面的井号不要忘掉。
3、border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用象素（px）。

div{
border:2px solid red;

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2023-04-03
_Seven_7

常用的块状元素有：
<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 采集收起来源：给元素分个类 - 元素分类
2023-04-03
weixin_慕姐6548384 02:15

内容与(上下左右)边框距离padding-(top,bottom,left,right)
盒子间距margin
边框border

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2023-04-01
2124黎嘉乐 01:46

盒模型内的内容可以是文字，图片，标签等等。视频应该也可以,盒子与盒子内的内容之间的距离用 padding 表示,两个盒模型之间的距离用 margin 表示,盒模型的边框用 border 表示.内填充，外边距，边框都有四个方向top,left right,buttom.盒
块级元素标签具备盒子模型的特点.css内定义的宽（width）和高（height），指的是填充以里的内容范围。
因此一个元素实际宽度（盒子的宽度）=
左边界(margin)+左边框(border)+左填充(padding)+内容宽度(width)+右填充(padding)+右边框(border)+右边界(padding)

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2023-03-31
_Seven_7

有些特殊的情况需要为某些样式设置具有最高权值，这时候我们可以使用!important来解决。
如下代码：
p{color:red!important;}
p{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>
这时 p 段落中的文本会显示的red红色。

查看全部

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

为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）
h1,span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2023-03-30
_Seven_7

说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
a:hover{color:red;}
上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2023-03-30
_Seven_7

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：
* {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2023-03-30
_Seven_7

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：
.food>li{border:1px solid red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2023-03-30
慕九州2584244

<body><ol type="a">
<li>woshidiyi</li>
<li>woshidier</li>
<li>woshidisan</li>
</ol>

查看全部

0 采集收起来源：添加图书销售排行榜- 使用<ol><li>标签实现有序列表
2023-03-30

首页上一页 44 45 46 47 48 49 50 下一页尾页

0/150

提交

取消

开始学习

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

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