慕课网

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

初识HTML(5)+CSS(3)

最热最新

花羊羊hyy

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的行内元素（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为行内元素。如下代码就是将块状元素div转换为行内元素，从页使用div元素具有行内元素特点。行内元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
花羊羊hyy

在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将行内元素a转换为块状元素a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
奈奈梳

>作用于元素的第一代后代，即代码中水果和蔬菜这两个有一个大的边框。空格作用于元素的所有后代，即每一个分类都有了边框…

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
Monster_0011

<ul><li>我的第一个信息列表<li><ul>

查看全部

0 采集收起
2018-03-22
关元知

<input type="email" id="email" placeholder="Enter email"> placeholder预填表单 form表单中的label标签 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。语法：<label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。例子：<form> <label for="male">男</label> <input type="radio" name="sex" id="male" />

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
本物飘仙

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2018-03-22
关元知

语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
本物飘仙

盒模型--填充元素内容与边框之间是可以设置距离的，称之为填充。填充也可分为上、右、下、左。

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2018-03-22
hellofuture2015

段落排版： text-indent 缩进 line-height 行间距 letter-spacing 字间距 text-align 对齐单位: em 文字的几倍大小，缩进行间距 px 字间距

查看全部

0 采集收起
2018-03-22
关元知

语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
紫灵雅雪

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为first下的子元素li加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
hellofuture2015

p{text-indent:2em;}

查看全部

0 采集收起
2018-03-22
hellofuture2015

文字排版： text-decoration 设定删除线和下划线 font-weight 设定粗体 font-style 设定斜体 font-size 设定字体大小和颜色 font-family 设定字体

查看全部

1 采集收起
2018-03-22
本物飘仙

1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

1 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2018-03-22
关元知

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22

首页上一页 28268 28269 28270 28271 28272 28273 28274 下一页尾页

0/150

提交

取消

开始学习

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

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