慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕码人5451672

宽高不定实现盒子水平垂直居中
1、利用父元素设置相对定位,子元素设置绝对定位,那么子元素就是相对于父元素定位的特性。
2、子元素设置上和左偏移的值都为50%。
3、然后再用css3属性translate位移,给上和左都位移-50%距离，就能达到垂直水平居中的效果。

查看全部

0 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2021-08-16
慕码人5451672

已知宽高实现盒子水平垂直居中
1、利用父元素设置相对定位,子元素设置绝对定位,那么子元素就是相对于父元素定位的特性。
2、子元素设置上和左偏移的值都为50%，是元素的左上角在父元素中心点的位置。
3、然后再用margin给上和左都给负的自身宽高的一半,就能达到垂直水平居中的效果。

查看全部

0 采集收起来源：面试常考题之已知宽高实现盒子水平垂直居中
2021-08-16
慕码人5451672

水平居中设置-定宽块状元素
满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。

查看全部

0 采集收起来源：水平居中设置-定宽块状元素
2021-08-16
慕码人5451672

给子元素设置flex占比
1、给子元素设置flex属性,可以设置子元素相对于父元素的占比。
2、flex属性的值只能是正整数,表示占比多少。
3、给子元素设置了flex之后,其宽度属性会失效。

查看全部

0 采集收起来源：我想占大头 - 给子元素设置flex占比
2021-08-16
慕码人5451672

使用align-items属性设置纵轴排列方式
align-items: flex-start | flex-end | center | baseline | stretch;

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式
2021-08-16
慕码人5451672

justify-content: flex-start | flex-end | center | space-between | space-around;

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2021-08-16
慕码人5451672

1、设置display: flex属性可以把块级元素在一排显示。
2、flex需要添加在父元素上，改变子元素的排列顺序。
3、默认为从左往右依次排列,且和父元素左边没有间隙。

查看全部

0 采集收起来源：弹性盒模型 - 弹性盒模型之flex属性
2021-08-16
朱为民

织女星亳州市谯城区到底怎么了亳州市

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-08-15
朱为民

什么是源代码？波波

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-08-15
慕仔7133074
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>input-placeholder</title>
</head>

<body>
<form>
用户名：
<input type="text" placeholder="请输入用户名">
<br/>
密码：   
<input type="text" placeholder="请输入密码">
</form>

</body>

</html>
查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2021-08-15

慕少4419989

我们表格第一行为表头数据,我们用<thead>标签包裹,中间的科目和分数为表格的主体内容,我们用<tbody>标签包裹,最后的总分我们用<tfoot>标签包裹。
1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格

2021-08-13

慕少4419989

我们表格第一行为表头数据,我们用<thead>标签包裹,中间的科目和分数为表格的主体内容,我们用<tbody>标签包裹,最后的总分我们用<tfoot>标签包裹。
1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格

2021-08-13

慕少4419989

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

查看全部

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

2021-08-13

慕少4419989

<a>标签中的target属性:
a标签有的target属性，代表打开网页的方式。
可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，
_blank代表在新窗口打开链接。

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接

2021-08-13

慕少4419989

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
语法：<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
例如：<a  href="http://www.imooc.com"  title="点击进入慕课网">click here!</a>

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接

2021-08-13

慕少4419989

语法：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解：1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片

2021-08-13

要加全糖

<a>标签中的target属性，代表网页打开的方式，有两种：1、<a href="#" target="_self">在当前窗口打开链接</a>，默认值为_self；2、<a href="#" target="_blank">在新窗口打开链接</a>

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2021-08-13

首页上一页 205 206 207 208 209 210 211 下一页尾页

0/150

提交

取消

开始学习

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

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