慕课网

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

初识HTML(5)+CSS(3)

最热最新

Acmenyz

ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。类选择器可用词列表方法为一个元素同时设置多个样式，ID 不行。错误： 1. <span id="stress">胆小如鼠</span>的小女孩，一直没有<span id="stress">勇气</span>（ID 使用两次） 2. #stressid{ color:red; } #bigsizeid{ font-size:25px; } 到了<span id="stressid bigsizeid">三年级</span>下学期时

查看全部

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

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
Acmenyz

ID选择器在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。右侧代码编辑器中就是一个ID选择符的完整实例。

查看全部

0 采集收起
2018-03-22
Acmenyz

类选择器：语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
yangguang462926

h1{letter-spacing:20px} h1｛word-spacing:20px

查看全部

0 采集收起
2014-11-04
youcaihuakai

如果在文本中需要加入计算机专属代码时候可以用<code>代码内容</code>。但是code标签只能加载一行代码，多行代码添加需要用pre标签

查看全部

0 采集收起
2018-03-22
Acmenyz

三种样式有优先级，他们的优先级：内联式 > 嵌入式 > 外部式。嵌入式>外部式有一个前提：嵌入式样式的位置一定在外部式的后面。总结来说：就近原则（离被设置元素越近优先级别越高）。但注意上面所总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中样式是在的相同权值的情况下。

查看全部

0 采集收起
2018-03-22
yangguang462926

如果想在网页排版中设置文字间隔或者字母间隔就可以使用letter-spacing来实现，如下面代码：h1{letter-spacing:50px;} 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码：h1{word-spacing:50px;}

查看全部

0 采集收起
2014-11-04
yangguang462926

1.在右边编辑器的第7行，输入下面代码： p{line-height:2em;}

查看全部

0 采集收起
2014-11-04
youcaihuakai

<address>公司地址，文章地址</address>.浏览器表现形式为斜体

查看全部

0 采集收起
2018-03-22
Acmenyz

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

查看全部

0 采集收起
2018-03-22
EthanW

div{ text-align:center; } not only text but pictures.

查看全部

0 采集收起
2014-11-04
Tokit

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

查看全部

0 采集收起来源：什么是层模型？
2014-11-04
Tokit

流动模型（一）先来说一说流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-11-04
Acmenyz

当需要为某类标签统一修改样式时需要用到「嵌入式」CSS 样式：将样式代码写在 <style type="text/css"></style> 标签之间。如下面代码实现把三个 <span> 标签中的文字设置为红色： <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在 <style></style> 之间，并且一般情况下嵌入式样式写在 <head></head> 之间。

查看全部

0 采集收起
2018-03-22

首页上一页 27818 27819 27820 27821 27822 27823 27824 下一页尾页

0/150

提交

取消

开始学习

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

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