慕课网

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

初识HTML(5)+CSS(3)

最热最新

LorenzoX

@HTML/CSS——第12章CSS布局模型——层模型：绝对定位 1、语法是positon:absolute,然后使用left、right、top、bottom相对于其最接近的一个具有定位属性的父包含块进行绝对定位。注意：这样使得块【脱离】文本流 2、如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。 3、通过{ position:absolute; left:100px ; top:50px; }表示相距父包含快左边100px，上边50px

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-12-23
Xuewa

同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2014-12-23
程序爱好者11

em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。 2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 <span>文本</span>

查看全部

0 采集收起
2018-03-22
LorenzoX

如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-12-23
爱似风吹

<div id="版块名称">…</div>

查看全部

0 采集收起
2018-03-22
LorenzoX

块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。任何元素在默认情况下是不能浮动的，但可以用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> 设置两个元素一左一右可以实现一行显示吗？当然可以： div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
爱似风吹

用id属性来为<div>提供唯一的名称

查看全部

0 采集收起
2018-03-22
爱似风吹

我们把一些标签放进<div>里，划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。

查看全部

0 采集收起
2018-03-22
爱似风吹

把一些独立的逻辑部分划分出来放在一个<div>标签中这个<div>标签的作用就相当于一个容器。

查看全部

0 采集收起
2018-03-22
LorenzoX

第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-12-23
LorenzoX

1、流动（Flow）是【默认的网页布局模式】 2、2个比较典型的特征：第一点：【块状元素】都会在所处的包含元素内【自上而下按顺序垂直延伸分布】，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。第二点，【内联元素】都会在所处的包含元素内【从左到右水平分布显示】。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-23
LorenzoX

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

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-12-23
程序爱好者11

<em>的内容在浏览中显示为斜体，<strong>显示为加粗。如果不喜欢这种样式，没有关系，以后可以使用css样式去改变它。

查看全部

0 采集收起
2018-03-22
LorenzoX

边界也是可分为上、右、下、左。如下代码： 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的区别，padding在边框里，margin在边框外。

查看全部

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

盒模型--填充元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： 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-12-23

首页上一页 27195 27196 27197 27198 27199 27200 27201 下一页尾页

0/150

提交

取消

开始学习

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

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