慕课网

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

初识HTML(5)+CSS(3)

最热最新

yinxueping

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

查看全部

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

字体缩写网页中的字体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
yinxueping

下面这些标签可用在 head 部分：<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
yinxueping

html文件基本结构:<html> <head>...</head> <body>...</body> </html> 代码讲解： 1. <html></html>称为根标签，所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。 3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2018-03-22
yinxueping

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

查看全部

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

颜色值缩写当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子1： p{color:#000000;} 可以缩写为： p{color: #000;} 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}

查看全部

1 采集收起
2015-01-08
yinxueping

标题标签：<h1>标题</h1> 段落标签：<p>段落</p> 图片标签：<img src="1.jpg">

查看全部

0 采集收起
2018-03-22
hwwn

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的

查看全部

0 采集收起
2015-01-01
yinxueping

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

查看全部

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

content（内容类型）：这个网页的格式是文本的，网页模式 charset（编码）：这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。 1.<hr>添加水平下划线； 2.添加信息列表 <ul>无序 <ol>有序 3.table 创建表格，其中<tr>表示行<td >表示列单元格<th>表示表头的那个列单元格 4. caption标签，为表格添加标题和摘要 5.在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a> 6.使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 7. 认识<img>标签，为网页插入图片 <img src=”图片地址” alt=”下载失败时的替换文本” title=”鼠标滑过图片时提示的文本”>

查看全部

2 采集收起来源：代码初体验，制作我的第一个网页
2018-03-22
hwwn

Relative与Absolute组合使用: 1、参照定位的元素(父元素)必须加入position:relative; 2、定位元素（子元素）加入position:absolute，使用top、bottom、left、right来进行偏移定位

查看全部

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

固定定位: （相对于浏览器定位）固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响跟背景图片的固定类似。 position:fixed; bottom:0; right:0; 代码解释：固定定位，定位在下边的距离为零，右边的距离为0，也就是右下角

查看全部

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

相对定位: 相对于以前的位置移动,偏移前的位置保留。 position:relative; top:50px; left:100px

查看全部

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

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed) 绝对定位: position:absolute; left:100px; top:50px; 代码解释：绝对定位，左边的距离增加100px，上边的距离增加50px 作用是将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

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

什么是层模型？什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

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

首页上一页 27114 27115 27116 27117 27118 27119 27120 下一页尾页

0/150

提交

取消

开始学习

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

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