慕课网

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

初识HTML(5)+CSS(3)

最热最新

宜识伊始_0001

内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下，内联式 > 嵌入式 > 外部式

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

外部式css样式，写在单独的一个文件中外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="text/css" /> 注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间

查看全部

0 采集收起
2018-03-22
云栖子

认识div在排版中的作用在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法： <div>…</div>

查看全部

0 采集收起
2018-03-22
LinnerTaoL

注意第二段单独标明其中span的写法

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-08
云栖子

如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当当网上的书籍热卖排行榜，如下图所示。这类信息展示就可以使用<ol>标签来制作有序列表来展示。语法： <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例：下面是一个热点课程下载排行榜： <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol>

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p >这里文字是红色。</p> 注意要写在元素的开始标签里，下面这种写法是错误的： <p>这里文字是红色。</p > 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码： <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
云栖子

使用ul，添加新闻信息列表语法： <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例： <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

CSS注释代码就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)。就像下面代码：

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2018-03-22
云栖子

使用pre标签为你的网页加入大段代码语法： <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

0 采集收起
2018-03-22
宜识伊始_0001

CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成. 选择符：又称选择器，指明网页中要应用样式规则的元素. 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔. 注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-11-08
云栖子

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

查看全部

0 采集收起
2018-03-22
LinnerTaoL

.food li：所有后代，包括香蕉苹果梨都加上边框 .food>li：直接后代，只有水果和蔬菜有边框

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
云栖子

address标签，为网页加入地址信息语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address>

查看全部

0 采集收起
2018-03-22
云栖子

认识hr标签，添加水平横线语法： html4.01版本 <hr> xhtml1.0版本 <hr /> 注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改

查看全部

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

首页上一页 27754 27755 27756 27757 27758 27759 27760 下一页尾页

0/150

提交

取消

开始学习

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

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