慕课网

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

初识HTML(5)+CSS(3)

最热最新

oopop

任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; 左边对其 } <div id="div1"></div> <div id="div2"></div> float:right; 右边对其分开对其（写在大括号外边） #div1{float:left;} #div2{float:right;}

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
Acmenyz

<a href="mailto:cba@163.com;abc@163.com?cc=dge@163.com&bcc=acm@163.com&subject=呵呵&body=泥猴额">...</a> mailto 使用「:」，其他使用「=」。第一个参数必须以「?」开头，后面的参数每一个都以「&」分隔。 mailto 表示发送给 XXX，多个地址使用「;」分隔 cc 表示抄送给 XXX bcc 表示秘密抄送给 XXX subject 表示邮件主题 body 表示邮件内容

查看全部

0 采集收起
2018-03-22
oopop

流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征： 1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。代码编辑器中内联元素标签a、span、em、strong都是内联元素

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-10-29
oopop

流动模型（一）先来说一说流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-10-29
Acmenyz

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a> target：靶

查看全部

0 采集收起
2018-03-22
Acmenyz

语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。

查看全部

0 采集收起
2018-03-22
oopop

在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-10-29
60度向上倾斜

<a herf="mailto:邮箱地址1;邮箱地址2?cc="抄送地址"&bcc="密件抄送地址"&subject="邮件主题"&body="邮件内容">点击</a>

查看全部

0 采集收起
2018-03-22
oopop

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px;} 上右下左的边界都为10px;可写：div{ margin:10px;} 上下为10px，左右为20px，可写：div{ margin:10px 20px;} padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-10-29
笑笑笑昂

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。反正只要是父子级别都能定义

查看全部

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

body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

查看全部

0 采集收起
2018-03-22
执行到底

颜色的css样式是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半

查看全部

0 采集收起
2014-10-29
oopop

div{padding:20px 10px 15px 30px;}/*顺序为上右下左(顺时针)*/ 等同于 div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-10-29
执行到底

padding：内边距 margin：外边距

查看全部

0 采集收起
2014-10-29
执行到底

需重新了解

查看全部

0 采集收起来源：Relative与Absolute组合使用
2014-10-29

首页上一页 27890 27891 27892 27893 27894 27895 27896 下一页尾页

0/150

提交

取消

开始学习

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

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