慕课网

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

初识HTML(5)+CSS(3)

最热最新

lulushy

将前辈元素设置为relative，将需要定位的元素设置为absolute，即可相对前辈元素进行定位

查看全部

0 采集收起来源：Relative与Absolute组合使用
2015-01-17
lulushy

fixed是相对视窗的绝对定位，被fixed的元素不随滚动条移动

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-01-17
jancy_nk

可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。同时根据就近原则，对于具有类列表的标签，如果css设定存在重复，较近的设定覆盖较远的设定。

查看全部

0 采集收起来源：类和ID选择器的区别
2015-01-17
lulushy

relative让块状元素产生偏移，但是偏移之前的位置还保留不同；也就是说，如果偏移之前，该块状元素下一行紧跟一个元素，偏移之后，紧跟着的元素还会出现在原来的位置，而不随该块状元素的偏移而偏移

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2015-01-17
吴赖df

1. 标签由英文尖括号<和>括起来，如<html>就是一个标签。 2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：（1） <p></p> （2） <div></div> （3） <span></span> 3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>，那么</p>必须放在</div>的前面。如下图所示。 4. HTML标签不区分大小写，<h1>和<H1>是一样的，但建议小写，因为大部分程序员都以小写为准。

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2018-03-22
吴赖df

“勇气”是网页内容文章的标题，<h1></h1>就是标题标签，它在网页上的代码写成<h1>勇气</h1>。 “三年级时...我也没勇气参加。” 是网页中文章的段落，<p></p>是段落标签。它在网页上的代码写成 <p>三年级时...我也没勇气参加。</p> 网页上那张小女生的图片，由img标签来完成的，它在网页上的代码写成<img src="1.jpg">

查看全部

0 采集收起
2018-03-22
吴赖df

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2015-01-17
lulushy

用于让元素在网页中准确定位 Layer模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2015-01-17
lulushy

float可以解决块状模型独占整行的问题 float:left或者float:right，前提是那一行中能放下要float的多个元素，否则放不下的依旧会在下一行出现

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2015-01-17
jancy_nk

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="text/css" />

查看全部

0 采集收起
2018-03-22
lulushy

默认状态下为Flow，Flow的特点是：块状元素从上到下，内联元素从左到右

查看全部

0 采集收起来源：排队显示-流动模型（二）
2015-01-17
lulushy

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

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-17
lulushy

填充顺序，以padding为例 padding：10px 20px 30px 40px 顺序为上、右、下、左，顺时针当缺少内容时，下会自动和上保持一致，左会自动和右一致，而缺少右时，右会自动和上一致

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-01-17
lulushy

css样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置： border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2015-01-17
lulushy

div{border:2px solid red;}等价于div{border-width:2px;border-style:solid;border-color:red;}；两者顺序皆可变。 border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-01-18

首页上一页 26902 26903 26904 26905 26906 26907 26908 下一页尾页

0/150

提交

取消

开始学习

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

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