慕课网

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

初识HTML(5)+CSS(3)

最热最新

EEEcho

认识<hr>标签，添加水平横线,在浏览器中的默认样式线条比较粗，颜色为灰色 <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。

查看全部

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

类和ID选择器的区别学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？我们不要着急先来总结一下他们的相同点和不同点：相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。下面代码是正确的： <p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。</p> 而下面代码是错误的： <p>三年级时，我还是一个<span id="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span id="stress">勇气</span>来回答老师提出的问题。</p> 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。下面的代码是正确的(完整代码见右侧代码编辑器) .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p> 上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。下面的代码是不正确的(完整代码见右侧代码编辑器) #stressid{ color:red; } #bigsizeid{ font-size:25px; } <p>到了<span id="stressid bigsizeid">三年级</span>下学期时，我们班上了一节公开课...</p> 上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

查看全部

1 采集收起来源：类和ID选择器的区别
2018-03-22
M梦

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

查看全部

0 采集收起
2015-02-03
小智仔

ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

1 采集收起
2018-03-22
小智仔

.类选器名称{css样式代码;}

查看全部

0 采集收起来源：再选一个类 - 类选择器
2015-02-03
yinzm

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
追风的人不会老

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
侧耳倾听17

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

查看全部

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

删除线： 1、样式：.oldPrice{text-decoration:line-through;} 2、body：<p>原价：<span class="oldPrice">300</span>元现价：230 元</p> 缩进两个字符： p{text-indent:2em;} 行间距： p{line-height:2em;} 文字间隔、字母间隔： letter-spacing:50px; 单词间距设置： word-spacing:50px; 对齐： text-align:center;

查看全部

0 采集收起
2018-03-22
Vivian不逃

同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2015-02-03
侧耳倾听17

<ol>有序列表标签 ordered List

查看全部

0 采集收起
2018-03-22
故人渐北

嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色： <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

查看全部

0 采集收起
2018-03-22
追风的人不会老

http://img1.sycdn.imooc.com//52da4f2a000150b714280550.jpg 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 http://img1.sycdn.imooc.com//52da52200001e00e07930061.jpg

查看全部

0 采集收起
2018-03-22
Vivian不逃

alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；

查看全部

0 采集收起
2015-02-03
蒲子PY

盒模型--边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;}也可用margin-right/top/left/bottom 如果上右下左的边界都为10px;可以这么写：div{ margin:10px;} 总结一下：padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-02-03

首页上一页 26642 26643 26644 26645 26646 26647 26648 下一页尾页

0/150

提交

取消

开始学习

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

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