慕课网

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

初识HTML(5)+CSS(3)

最热最新

weixin_慕勒2096549

justify-content: flex-start | flex-end | center | space-between | space-around;
flex-start 交叉轴的起点对齐
flex-end：右对齐
center：居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。
所有的对齐都需要加display：flex;只需要对父组件添加即可

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2021-06-02
慕函数9177091

<ol>
<li>内容</li>
<li>内容</li>
</ol>
有序排列展示内容

查看全部

0 采集收起来源：添加图书销售排行榜- 使用<ol><li>标签实现有序列表
2021-06-02
慕婉清8573352

<span>标签：这个标签是没有语义的，它的作用就是为了设置单独的样式用的。

查看全部

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

vv

查看全部

0 采集收起来源：留个邮箱,方便通知消息 - 邮箱输入框
2021-06-01
慕函数9177091

. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-06-01
慕妹7077870

<table border="1">
为表格添加边框

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2021-05-31
weixin_慕设计0076878

1、css是用来修饰html样式的
2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css
3、html+css构成了我们网页的基本页面结构和样式

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2021-05-30
慕田峪7113144

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
</head>

<body>

<h1>企业员工通讯录</h1>

<hr>

<table border="1">

<caption>企业员工通讯录</caption>

<tr>

<th>姓名</th>
<th>电话</th>
<th>电子邮件</th>
<th>职务</th>
</tr>
<tr>

<td>张三</td>
<td>17319120040</td>
<td>hu@163.com</td>
<td>研发工程师</td>
</tr>
<tr>
<td>胡四</td>
<td>18612105453</td>
<td>dong@163.com</td>
<td>研发经理</td>
</tr>
<tr>
<td>李五</td>
<td>15503551821</td>
<td>yu@163.com</td>
<td>销售经理</td>
</tr>
</table>
</body>

</html>

查看全部

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

流动模型，流动（Flow）是默认的网页布局模式。

块状元素
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。

内联元素：
在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

查看全部

0 采集收起来源：排队显示-流动模型（一）
2021-05-29
慕函数282109

<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">
    <title>表单标签</title>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
</head>

<body>
    <form method="post" action="test2.html">
        <label for="username">用户名:</label>
        <input type="text" name="username" id="username" value="" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" id="pass" value="" />
        <i class="fa fa-eye" onclick="showhide()" id="eye"></i>
        <input type="submit" value="确定" name="submit" />
        <input type="reset" value="重置" name="reset" />
    </form>
</body>
<script type="text/javascript">
var a=document.getElementById("eye");
var b=document.getElementById("pass");

function showhide(){
       if(b.type=="password"){
             b.type='text';
           a.className='fa fa-eye-slash'
       }else{
           b.type='password';
           a.className='fa fa-eye'
       }
}
</script>

</html>

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-05-29
做个恶霸鸭

常用的块状元素有：
<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 采集收起来源：给元素分个类 - 元素分类
2021-05-29
weixin_慕丝6047581

translate()函数是css3的新特性.在不知道自身宽高的情况下，可以利用它来进行水平垂直居中.。
当使用：top: 50%;left: 50%;，是以左上角为原点，故不处于中心位置
translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。
与负margin-left和margin-top实现居中不同的是，margin-left必须知道自身的宽高，而translate可以在不知道宽高的情况下进行居中，tranlate（）函数中的百分比是相对于自身宽高的百分比，所以能进行居中。

查看全部

0 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2021-05-28