慕课网

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

初识HTML(5)+CSS(3)

最热最新

齐天518

<head>
    <meta charset="UTF-8">
    <title>单选框、复选框</title>
</head>

<body>
    <form action="save.php" method="post">
        <label>性别:</label>
        <label>男</label>
        <input type="radio" value="1" name="gender" />
        <label>女</label>
        <input type="radio" value="2" name="gender" />
    </form>
</body>
同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-04-13
齐天518

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

<body>
    <form>
        <label for="uname">输入你的用户名</label>
        <input type="text" id="uname" placeholder="Enter uname">
        <br>
        <label for="pass">输入你的密码</label>
        <input type="password" id="pass" placeholder="Enter password">
    </form>
</body>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-04-13
齐天518

<head>
    <meta charset="UTF-8">
    <title>文本域</title>
</head>

<body>
    <form method="post" action="save.php">
        <label>联系我们</label>
        <textarea cols="50" rows="10">在这里输入内容...</textarea>
    </form>
</body>
1、以<textarea>开始，以</textarea>结束。
2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2021-04-13
慕工程1020541

那你今晚

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-04-13
慕函数4101214

<header>我是头部标签</header>
<section>我是一个区域</section>
<footer>我是底部标签</footer>

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2021-04-13
null_6

内联式：<span >
嵌入式：<style type="text/css">
span{color:red}
</stype>
外部式：<link href="stype.css"rel="stypesheet" type="text/css">
span{
color:blue
}
内联式 > 嵌入式 > 外部式
就近原则（离被设置元素越近优先级别越高）
嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面

查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2021-04-13
null_6

<link href="base.css" rel="stylesheet" type="text/css" />
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2021-04-13
感性的大熊猫

注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-04-12
感性的大熊猫

标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-04-12
感性的大熊猫

注意:
1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。
2、method : post/get 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki，里面有详细介绍。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-04-12
感性的大熊猫

将表格语义化，使得表格的每一部分的意义明显。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2021-04-12
阿礼li

我想要在父容器中水平居中显示。

查看全部

0 采集收起来源：水平居中设置-行内元素
2021-04-12
阿礼li

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

查看全部

2 采集收起来源：我想占大头 - 给子元素设置flex占比
2021-04-12
阿礼li

使用align-items属性设置纵轴排列方式本属性定义了项目在交叉轴上的对齐方式。属性值分别为： align-items: flex-start | flex-end | center | baseline | stretch; 结合右侧编辑器中的布局以及下面的样式设置进行理解： flex-start：默认值，左对齐 .box { height: 700px; background: blue; display: flex; align-items: flex-start; } flex-end：交叉轴的终点对齐 .box { height: 700px; background: blue; display: flex; align-items: flex-end; } center：交叉轴的中点对齐 .box { height: 700px; background: blue; display: flex; align-items: center; } baseline：项目的第一行文字的基线对齐。 .box { height: 700px; background: blue; display: flex; align-items: baseline; } 三个盒子中设置不同的字体大小 stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。 .box { height: 300px; background: blue; display: flex; align-items: stretch; } .box div { /*不设置高度，元素在垂直方向上铺满父容器*/ width: 200px; }

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式
2021-04-12
阿礼li

使用justify-content属性设置横轴排列本属性定义了项目在主轴上的对齐方式。属性值分别为： justify-content: flex-start | flex-end | center | space-between | space-around; flex-start：交叉轴的起点对齐 .box { background: blue; display: flex; justify-content: flex-start; } flex-end：右对齐 .box { background: blue; display: flex; justify-content: flex-end; } center：居中 .box { background: blue; display: flex; justify-content: center; } space-between：两端对齐，项目之间的间隔都相等。 .box { background: blue; display: flex; justify-content: space-between; } space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。 .box { background: blue; display: flex; justify-content: space-around; }

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2021-04-12

首页上一页 275 276 277 278 279 280 281 下一页尾页

0/150

提交

取消

开始学习

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

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