慕课网

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

初识HTML(5)+CSS(3)

最热最新

wang5927641

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

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2022-05-19
wang5927641

italic为设置字体为斜体
oblique为设置倾斜的字体

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2022-05-19
wang5927641

内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2022-05-19
weixin_慕田峪0380984

head 部分：
1、head标签为双标签，有尾标签，<head></head>。
2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。
3、<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息
4、<meta charset="UTF-8">设置当前文件字符编码
5、style标签：双标签中设置当前文件样式 <title>和</title>标签之间的文字内容是网页的标题信息

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2022-05-19
wang5927641

rel="stylesheet" type="text/css" 是固定写法不可修改。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2022-05-18
wang5927641

placeholder

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2022-05-18
wang5927641

<section>我代表一个区域</section>

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2022-05-17
wang5927641

3、<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。
4、<meta charset="UTF-8">设置当前文件字符编码
5、style标签：双标签中设置当前文件样式

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2022-05-17
出众和努力

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>p标签</title>
<style>
p1{
text-align:right;
color:red;
}
h1{
text-align:center;
color:gray;
}
</style>
</head>
<body>
<p1>我的第一个段落</p1>
<p>我的第二个段落</p>
<h1>123</h1>
<h2>123</h2>
<h3>123</h3>
<h4>123</h4>
</body>

</html>

查看全部

0 采集收起来源：开始我们的第一段对话吧- 段落标签
2022-05-17
weixin_精慕门7091075

定宽块状元素（width值固定）定位借助Margin
left rigt 设置auto
实现水平居中

查看全部

0 采集收起来源：水平居中设置-定宽块状元素
2022-05-15
weixin_精慕门7091075

子元素在父容器中的占比（子元素中设置flex值之后，子元素的宽度属性失效）
flex
属性值
数字
只能为正整数，占比

查看全部

0 采集收起来源：我想占大头 - 给子元素设置flex占比
2022-05-15
weixin_精慕门7091075

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>align-items</title>
<style type="text/css">
.box {height: 700px;background: blue;display: flex;align-items:baseline;}
.box div { width: 200px;height: 200px;}
.box1 {background: red; }
.box2 {font-size: 30px;background: orange; }
.box3 {font-size: 50px;background: green;}
</style>
</head>
<body>
<div class="box">
<div class="box1">baseline</div>
<div class="box2">baseline</div>
<div class="box3">baseline</div>
</div></body></html>
实现块状元素纵轴的对齐方式
语法
align-items:
flex-start
flex-end
center
baseline
stretch
左上角
左下角
中间
块状元素中第一行文字的底线对齐
如果块状元素未设置纵向对齐方式，则元素会从上到下铺满父元素。（默认）

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式
2022-05-15
weixin_精慕门7091075

<meta charset="UTF-8">
<title>justify-content</title>
<style type="text/css">
.box {background: blue;
display: flex;
justify-content:space-around; }
.box div { width: 100px;height: 200px;}
.box1 {background:red;}
.box2 {background: orange; }
.box3 { background: green; }
</style>
</head>
<body>
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>
</body>
</html>
块状元素横轴排列方式
语法
justify-content:
flex-start
flex-end
center
space-between
space-around
左对齐（默认）
右对齐
中间对齐
两端对齐（元素开始，元素结束所有元素间隔相等）
元素两侧间隔相等，则元素与边框的间隔是元素与元素之间间隔的二分之一。（可以理解为元素两侧加元素是一个整体，但两侧透明，只显示元素的style。）

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2022-05-15
weixin_精慕门7091075

实现容器中，块状元素紧密排列无缝隙。
语法
父容器中style添加display:flex;
需要排列的子元素置于父容器中。

查看全部

0 采集收起来源：弹性盒模型 - 弹性盒模型之flex属性
2022-05-15
青苹果apple

在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2022-05-15

首页上一页 95 96 97 98 99 100 101 下一页尾页

0/150

提交

取消

开始学习

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

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