慕课网

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

初识HTML(5)+CSS(3)

最热最新

如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——code标签一、code标签：用<code>标签在网页上显示程序代码 1、插入【单行代码】用<code>，无法换行 2、插入【多行代码】用<pre>，可以换行

查看全部

0 采集收起
2018-03-22
如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——address标签一、address标签：为网页加入地址信息 1、address标签在浏览器上显示的样式为【斜体】,且转到下一行，【独占一行】 2、语法：<address>地址信息</address>

查看全部

0 采集收起
2018-03-22
澈澈澈澈澈儿

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-12-14
澈澈澈澈澈儿

浮动模型，让元素可以并排显示左浮动： 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
如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——hr标签一、hr标签：添加水平横线 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，这些外在样式在css样式表里都可以对其修改。

查看全部

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

第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

查看全部

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

流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-14
如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——&nbsp 一、&nbsp：空格 1  表示的空格是【英文的空格】，而不是中文的空一格。 2  后面注意【有分号】。

查看全部

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

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

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-12-14
如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——br标签一、br标签：分行显示文本 1、<br />标签作用相当于word文档中的回车。 2、语法： xhtml 1.0写法<br /> —— html4.01写法：<br> 二、<br />标签是一个【空标签】，【没有HTML内容】的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。 *****注意:在html中是【忽略回车和空格】的，你输入的再多回车和空格也是显示不出来的。在html文本中想输入回车换行，就必须输入<br />

查看全部

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

盒模型--边界元素与其它元素之间的距离可以使用边界（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的区别，padding在边框里，margin在边框外。

查看全部

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

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

@HTML/CSS——第2章认识标签(第一部分)——blockquote标签一、blockquote标签：长文本引用 1、 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入【大段】某知名作家的文字，这时需要这个标签。 2、浏览器对<blockquote>标签的解析是【缩进样式】。 3、<q>标签是对简短文本的引用，比如说引用【一句话】就用到<q>标签。 4、语法：<blockquote>引用文本</blockquote>

查看全部

0 采集收起
2018-03-22
澈澈澈澈澈儿

元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2014-12-14
如饥似渴的学习IN

@HTML/CSS——第2章认识标签(第一部分)——q标签一、q标签：quote短文本引用 1、比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么<q>标签是你所需要的。 2、注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。 3、语法：<q>引用文本</q> 4、注意这里用<q>标签的【真正关键点】不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而【是它的语义：引用别人的话】。

查看全部

0 采集收起
2018-03-22

首页上一页 27289 27290 27291 27292 27293 27294 27295 下一页尾页

0/150

提交

取消

开始学习

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

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