慕课网

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

初识HTML(5)+CSS(3)

最热最新

小贼Zoe_宇

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

查看全部

0 采集收起
2018-03-22
小贼Zoe_宇

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

查看全部

0 采集收起
2018-03-22
流浪的花

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <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
流浪的花

段落排版--对齐 h1{text-align:center;} h1{text-align:left;} h1{text-align:right;} <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
流浪的花

段落排版--字间距、字母间距文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>

查看全部

0 采集收起
2018-03-22
流浪的花

行间距（行高） p{line-height:1.5em;}

查看全部

0 采集收起
2015-02-15
流浪的花

缩进中文文字中的段前习惯空两个文字的空白 p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2015-02-15
流浪的花

删除线 .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-02-15
流浪的花

下划线 p a{text-decoration:underline;}

查看全部

0 采集收起
2015-02-15
哈喽摩脱

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

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-02-15
流浪的花

文字排版--斜体 a{font-style:italic;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2015-02-15
流浪的花

文字排版--粗体我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线 p span{font-weight:bold;}

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2015-02-15
哈喽摩脱

层模型--相对定位如果想为元素设置层模型中的相对定位，需要设置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
流浪的花

文字排版--字号、颜色 #666(灰色)： body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2015-02-15
哈喽摩脱

层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现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

首页上一页 26442 26443 26444 26445 26446 26447 26448 下一页尾页

0/150

提交

取消

开始学习

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

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