慕课网

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

初识HTML(5)+CSS(3)

最热最新

Ocean52

在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。语法： <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例： <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文

查看全部

0 采集收起
2018-03-22
慕九州6868791

p,ul,h标签默认有margin值或padding值，写样式的时候一般都会设置成0 ul,li,h1,h2,h3,p{margin:0;padding:0}

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2014-10-12
sample

在网页里显示的内容一定用放在<body>标签里！

查看全部

0 采集收起
2018-03-22
Ocean52

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
Ocean52

在链接文字前后加标签。

查看全部

0 采集收起
2014-10-12
北边有个南瓜

中文文字中的段前习惯空两个文字的空白，（段落缩进） p{text-indent:2em;} m为一个大写字母M的高度即一个文字的长度。

查看全部

0 采集收起
2014-10-12
北边有个南瓜

text-decoration:underline; text-decoration:line-through;

查看全部

0 采集收起
2014-10-12
Ocean52

使用<a>标签，链接到别一个页面语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。注：title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要

查看全部

0 采集收起
2018-03-22
北边有个南瓜

p a{font-style:italic; font-weight:bold;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-10-12
末夏夏末

<br /> <label for="jog">慢跑</label> <input type="checkbox" name="jog" id="jog" /><br /> <label for="climb">登山</label> <input type="checkbox" name="climb" id="climb" /><br /> <label for="basketball">篮球</label> <input type="checkbox" name="basketball" id="basketball" />

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
北边有个南瓜

选择器{font-family:"Microsoft Yahei（字体名称）";}

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
北边有个南瓜

注意：!important要写在分号的前面浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式<!important样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
末夏夏末

<input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
北边有个南瓜

权值高的就使用哪种css样式。标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2014-10-12
末夏夏末

<input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22

首页上一页 28064 28065 28066 28067 28068 28069 28070 下一页尾页

0/150

提交

取消

开始学习

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

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