慕课网

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

初识HTML(5)+CSS(3)

最热最新

wangxiaomeng

<html> <head> <title> </title> </head> <body> </body> </html>

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2018-03-22
诶呀变成男神啦

id 不会展现，只是给设计师自己标记板块命名用 <div id="版块名称">…</div>

查看全部

0 采集收起
2018-03-22
小白小鲸

第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

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

.类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）

查看全部

0 采集收起来源：再选一个类 - 类选择器
2015-02-08
小白小鲸

最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。

查看全部

0 采集收起
2018-03-22
小白小鲸

<link href="style.css" rel="stylesheet" type="text/css" />

查看全部

0 采集收起
2018-03-22
小白小鲸

在<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
小白小鲸

嵌入式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
小白小鲸

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

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2018-03-22
小白小鲸

p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ }

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2015-02-08
慕盖茨7831584

盒模型--边界如果box1的底部和box2上部同时设置margin，则只取数值较大的一个。 <style type="text/css"> div{ width:300px; height:300px; border:1px solid red; } #box1{ margin-bottom:30px; } #box2{ margin-top:10px; } </style> </head> <body> <div id="box1">box1</div> <div id="box2">box2</div> </body>

查看全部

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

元素分类--内联元素在html中，<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从页使用div元素具有内联元素特点。内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
MISS_Z2015

元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
MISS_Z2015

元素分类在讲解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
MISS_Z2015

想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的11-1、11-2小节中会讲到。) h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22

首页上一页 26541 26542 26543 26544 26545 26546 26547 下一页尾页

0/150

提交

取消

开始学习

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

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