慕课网

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

初识HTML(5)+CSS(3)

最热最新

甜菜

继承: CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的。

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
biao197

元素分类--内联块状元素:代码display:inline-block就是将元素设置为内联块状元素。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。提示：下一小节是用视频动画来讲解css中的盒模型。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-12-09
biao197

设置display:block就是将元素显示为块级元素.如：a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

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

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素常见的块元素：div,p,h1,ol,ul,dl,table,address,blockquote,form 常见的内联元素:a,span,br,i,em,strong,lable,q,var,cite,code 常见的内联块状元素：img input

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2014-12-09
biao197

段落排版--对齐: text-align:center; text-align:left; text-align:right; div{text-align:center;}

查看全部

0 采集收起
2014-12-09
biao197

1、段落排版--字间距、字母间距 h1{ letter-spacing:50px; } 2.单词间距设置：

查看全部

0 采集收起
2014-12-09
兜兜飞糖

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

查看全部

0 采集收起
2018-03-22
兜兜飞糖

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。抄送地址:cc= 收件人地址后用cc=可填写抄送地址<a href="mailto:yy@imooc.com?cc=imamerican@imooc.com">发送</a> 密件抄送地址:bcc=收件人地址后用bcc=可填写密件抄送地址多个收件人,抄送,密件抄送人:用;(分号)隔开多个收件人地址,可实现发给多个收件人功能 <a href="mailto:yy@imooc.com;pp@imooc.com;yy@imooc.com">发送</a> 邮件主题:subject= 用subject=添加邮件主题<a href="mailto:yy@imooc.com?subject="邮件主题">发送</a> 邮件内容:body=用body=添加邮件内容<a href="mailto:yy@imooc.com?body="邮件内容">发送</a> 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

查看全部

0 采集收起
2018-03-22
Sight_G

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

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
Sight_G

<input type="submit" value="提交" name="submitBtn" /> type：只有当type值设置为submit时，按钮才有提交作用

查看全部

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

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

查看全部

0 采集收起
2018-03-22
Sight_G

<select multiple="multiple">....</select> 在<select>标签中设置multiple="multiple"属性，就可以实现多选功能,按ctrl实现多选

查看全部

0 采集收起
2018-03-22
张力文

ul-li 显示没有前后顺序，并且显示的结果为每个li标签前都自带一个圆点

查看全部

0 采集收起
2014-12-09
张力文

网页中插入代码单行代码如：<code>var a = 100;</code> 多行代码用<pre>标签

查看全部

0 采集收起
2018-03-22
郑青春任性嗨

<em></em>斜体 <strong></strong>加粗 <span>是句段中设置,<span >美国梦</span> 又可为span设置id 或class属性,这样既可以增加适当的语义,又便于对 span 应用样式设“美国梦”成粗体橘红色，使用span元素，然后对这个span元素的父元素，即p元素应用class,这样就可以对这个类的子元素span应用相应的样式了

查看全部

0 采集收起
2018-03-22

首页上一页 27356 27357 27358 27359 27360 27361 27362 下一页尾页

0/150

提交

取消

开始学习

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

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