慕课网

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

初识HTML(5)+CSS(3)

最热最新

glenhappy

样式重要性是针对于某一种样式而言的，不是标签。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2014-12-05
glenhappy

注意： 1 内联>嵌入>外部 2 同一个样式内部，比如都是内联样式，如果权值相同，那么在后面的样式会覆盖前面的样式

查看全部

0 采集收起
2018-03-22
Tboxer

常用的块状元素有： <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 采集收起来源：给元素分个类 - 元素分类
2018-03-22
bing107409

css的优先顺序:内联式〉嵌入式> 外部式

查看全部

0 采集收起
2018-03-22
zhongjing

在网页上实现与用户交互：使用<form>表单，它可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。格式：<form method="传送方式" action="服务器文件"> <method>:数据传送的方式（get/post） <action>:浏览器输入的数据被传送到的地方 <label>标签为 input 元素定义标注（标记）。 ①它的作用是起到表单前加字，对该表单进行描述作用的。在<form></form>标签之中，你会发现，没有任何标签之间如果写了文字，会使该表单的显示出错，这时，便引入了这个<label>标签。 ②要将<label>绑定到其它的控件，请将<label>元素的<for>属性设置为与该控件的<id> 相同。 ③for 属性规定 label 与哪个表单元素绑定。 <input>标签用于搜集用户信息。type 属性规定 input 元素的类型。例： <form method="save.hph" action="post" > <label for="username">用户名:</label> <input type="text" name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="password" name="pass" id="pass" value="" /> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form>

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
会_飞_的_鱼

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。 1、边界的顺序：上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 2、如果上右下左的边界都为10px;可以这么写： div{ margin:10px;} 3、如果上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;} 总结：padding和margin的区别，padding在边框里，margin在边框外。任务代码： <style type="text/css"> div{ width:300px; height:300px; border:1px solid red; } #box1{margin-bottom:30px;} </style> <body> <div id="box1">box1</div> <div id="box2">box2</div> </body>

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2018-03-22
会_飞_的_鱼

盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”（padding）。 1、填充顺序：上、右、下、左(顺时针)，中间用“空格”隔开。如下代码： div{padding:20px 10px 15px 30px;} 也可以分开写上面代码： div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 2、如果上、右、下、左的填充都为10px;可以这么写： div{padding:10px;} 3、如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;} 4、示例代码： #box1{ width:100px;//定义盒子的宽度 height:100px;//定义盒子的高度 padding:20px; //定义元素内容与边框之间的距离 border:1px solid red; } <div id="box1">盒子1</div> 复习内容： div id="box1" #box1{ ……} 问题：上述方法，右边距（四个参数中的第二个，也就是padding-right）始终不起作用，不知道是什么原因呢？

查看全部

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

元素（盒子）的宽度=左边界(margin-left)+左边框(border-left)+左填充(padding-left)+内容宽度(width)+右填充(padding-right)+右边框(border-right)+右边界(margin-right)。元素（盒子）的高度也是同理。 css代码： div{ width:200px; padding:20px; border:1px solid red; margin:10px; }

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-12-06
糖一颗

mark

查看全部

0 采集收起
2014-12-04
会_飞_的_鱼

分别为div、p、li盒模型添加下边框并设定其样式： div{border-bottom:1px solid red;} p{border-bottom:1px dotted red;} li{border-bottom:1px dotted #ccc;} 注意：边框三元素如果简写成一行，三元素中间用空格隔开。

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2014-12-04
会_飞_的_鱼

p{border:2px dotted #ccc;}

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-12-04
会_飞_的_鱼

盒子模型的边框可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是border代码的缩写形式，可以分开写： div{ border-width:2px; border-style:solid; border-color:red; } 注意： 1、border-style（边框样式）常见样式有： solid（实线）；dashed（虚线）； dotted（点线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中最常用宽度单位是象素（px），也可以设置为：thin；medium；thick（不是很常用）。

查看全部

2 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2014-12-04
会_飞_的_鱼

具备盒模型的标签是块级标签：<div> <ul><ol><p><h><table> padding：内填充，盒子与月饼 margin：外边距，盒子与盒子 border：盒子的边框内填充、外边距、边框都有4个方向： padding：padding-top、padding-bottom、padding-left、padding-right

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2018-03-22
会_飞_的_鱼

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码【display:inline-block】就是将元素设置为内联块状元素(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。总结：好一个功能强大的内联块状元素inline-block，网站的【导航菜单栏】就是用这个功能做出来的。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
会_飞_的_鱼

在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素inline）。块状元素可以通过代码display:inline将元素设置为内联元素，从而使div元素具有内联元素的特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。内联元素之间的间距问题请自行从wiki中寻找答案。

查看全部

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

首页上一页 27396 27397 27398 27399 27400 27401 27402 下一页尾页

0/150

提交

取消

开始学习

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

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