慕课网

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

初识HTML(5)+CSS(3)

最热最新

Lunay

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } <p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p> ....

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
cocoyou

<hr>标签，添加水平横线

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
cocoyou

我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 。

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
cocoyou

使用<br>标签分行显示文本与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
virgil_rey

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

查看全部

0 采集收起
2018-03-22
virgil_rey

嵌入式css样式，写在当前的文件中: 嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。

查看全部

0 采集收起
2018-03-22
Lunay

层模型--相对定位如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。如下代码实现相对于以前位置向下移动50px，向右移动100px; #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
virgil_rey

内联式css样式，直接写在现有的HTML标签中: 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
cocoyou

<blockquote>标签，长文本引用 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。等等，上一节<q>标签不是也是对文本的引用吗？不要忘记<q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签。

查看全部

0 采集收起
2018-03-22
virgil_rey

CSS代码语法: 选择符{ 属性:值} 注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示： p{ font-size:12px; color:red; }

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2015-01-05
cocoyou

<q>标签，短文本引用想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么<q>标签是你所需要的。语法： <q>引用文本</q>

查看全部

0 采集收起
2018-03-22
virgil_rey

认识CSS样式: CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2015-01-05
virgil_rey

form表单中的label标签: label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。语法： <label for="控件id名称">

查看全部

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

层模型--绝对定位

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2015-01-05
Lunay

如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22

首页上一页 27052 27053 27054 27055 27056 27057 27058 下一页尾页

0/150

提交

取消

开始学习

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

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