慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕雪3096536

<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2021-10-29
慕雪3096536

<input type="submit" value="提交">
type：只有当type值设置为submit时，按钮才有提交作用

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2021-10-29
慕雪3096536

select标签里面只能放option标签，表示下拉列表的选项。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2021-10-29
慕雪3096536

填填性别和兴趣爱好 - 单选框、复选框，让用户选择
在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。请看下面的例子:
语法：
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中
如下面代码：
注意：代码中的<label>标签在本章 5-9 中有讲解。
在浏览器中显示的结果：
注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-10-29
weixin_慕沐1238949

<a>标签中的target属性
target="_self" 在当前界面打开链接；
target="_blank"在新窗口打开链接。

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2021-10-29
weixin_慕沐1238949
超链接<a>标签
```
<a href="目标网址" title="鼠标滑过时显示的文本">连接显示的内容</a>
```
查看全部

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

慕圣5259753

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>img图片</title></head><body>    <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/">托比•马奎尔Tobey Maguire </a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>    <img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" title="电影介绍"></body></html>

查看全部

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

2021-10-28

慕圣5259753

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>img图片</title></head><body>    <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/">托比•马奎尔Tobey Maguire </a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>    <img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" title="电影介绍"></body></html>

查看全部

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

2021-10-28

慕圣5259753

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>img图片</title></head><body>    <p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/">托比•马奎尔Tobey Maguire </a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>    <img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" title="电影介绍"></body></html>

查看全部

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

2021-10-28

weixin_慕仔6479095

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

查看全部

0 采集收起来源：弹性盒模型 - 弹性盒模型之flex属性
2021-10-27
weixin_慕仔6479095

元素内容与边框之间是可以设置距离的，称之为“内边距（填充）”。填充也可分为上、右、下、左(顺时针),顺序一定不要搞混。
如下代码：
div{padding:20px 10px 15px 30px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2021-10-27
光暖水寒

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

查看全部

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

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

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2021-10-27
光暖水寒

align-items: flex-start | flex-end | center | baseline | stretch;

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式
2021-10-27
慕斯2168053

<h1>Hello world </h1>

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-10-27
慕粉0832474622

下面是权值的规则：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
代码块预览复制
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2021-10-27
weixin_慕仔6479095

2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-10-26
慕雪3096536

<form
<label for="email">输入你的邮箱地址</label>
<input type="email" id="email" placeholder="Enter email">
</form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-10-26

首页上一页 162 163 164 165 166 167 168 下一页尾页

0/150

提交

取消

开始学习

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

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