慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕尼黑9055727

盒模型--边界元素与其它元素之间的距离可以使用边界（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-11-20
李俊平

想加入一行代码吗？使用code标签在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如下面例子： <code>var i=i+300;</code> 注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。语法： <code>代码语言</code> 注：如果是多行代码，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
李俊平

address标签，为网页加入地址信息一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address>

查看全部

0 采集收起
2018-03-22
李俊平

认识hr标签，添加水平横线在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2014-11-20
李俊平

blockquote标签，长文本引用 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。等等，上一节<q>标签不是也是对文本的引用吗？不要忘记<q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签。如想在我的文章中引用李白《关山月》中的诗句，因为引用文本比较长，所以使用<blockquote>。语法: <blockquote>引用文本</blockquote>

查看全部

0 采集收起
2018-03-22
李俊平

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

查看全部

0 采集收起
2018-03-22
李俊平

加入强调语气，使用和标签有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到或标签。但两者在强调的语气上有区别: 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。语法： 需要强调的文本 需要强调的文本

查看全部

0 采集收起
2018-03-22
李俊平

了解HTML的代码注释什么是代码注释？代码注释是帮助程序员标注代码的作用，过一段时间后再看你所编写的代码，就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。语法： 

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
李俊平

字体缩写网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

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

边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 上下边界一样为10px，左右一样为20px，可以这么写： div{ margin:10px 20px;} padding和margin的区别，padding在边框里，margin在边框外

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-11-20
慕尼黑0630741

margin边界 border边框 padding填充 width/height宽和高

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-11-20
慕尼黑9055727

盒模型--宽度和高度 css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如： css代码： div{ width:200px; padding:20px; border:1px solid red; margin:10px; } html代码： <body> <div>文本内容</div> </body> 元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px。

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2018-03-22
莲雾碧涧

元素分类--内联元素在html中，、<a>、<label>、<input>、 <img>、 和就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
慕尼黑9055727

盒模型--边框（二） css样式中允许只为一个方向的边框设置样式： div{border-bottom:1px solid red;}

查看全部

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

首页上一页 27578 27579 27580 27581 27582 27583 27584 下一页尾页

0/150

提交

取消

开始学习

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

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