慕课网

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

初识HTML(5)+CSS(3)

最热最新

Yong1214

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
Yong1214

我的练习代码：

查看全部

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

<div> 划分一些独立的逻辑部分

查看全部

0 采集收起
2018-03-22
Yong1214

color设定字体颜色（比如：red） text-decoration 设定删除线(line-through)和下划线(underline) font-weight 设定粗体(bold) font-style 设定斜体(italic) font-size 设定字体大小（用px,比如：20px） font-family 设定字体（比如：宋体） text-align设定位置(比如：center) letter-spacing设定字间距（用px,比如：20px） line-height设定行间距(用em,比如：1.5em) text-indent设定空格（用em,比如：2em）

查看全部

0 采集收起
2018-03-22
目醒

<ol> <li>有序列表信息</li> </ol>

查看全部

0 采集收起
2018-03-22
关元知

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

查看全部

0 采集收起
2018-03-22
Yong1214

使用text-align样式代码可以改变块状元素中的文本、图片的设置。center：居中；right：靠右；left：靠左

查看全部

0 采集收起
2018-03-22
目醒

<ul> <li>列表信息</li> </ul>

查看全部

0 采集收起
2018-03-22
关元知

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

查看全部

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

段落排版--字间距:h1{letter-spacing:20px;} 注意：当设置元素为英文时，letter-spacing 设置不是英文单词的间隔，而是字母间的间隔。

查看全部

0 采集收起
2018-03-22
Yong1214

段落排版--行间距:p{line-height:2em;}

查看全部

0 采集收起
2018-03-22
Yong1214

在显示一段文字时，我们习惯开头空2格。这就需要用到p{text-indent:2em;}

查看全部

0 采集收起
2018-03-22
目醒

<style> span{ color:blue; } </style>  <hr>分隔线 <q>短文本引用</q> <blockquote>长文本引用</blockquote> <br>换行 <address>地址信息</address> &nbsp; 空格

查看全部

0 采集收起
2018-03-22
Yong1214

在电商网站上常会见到设置删除线 .oldPrice{text-decoration:line-through;} <span class="oldPrice">300</span>

查看全部

0 采集收起
2018-03-22
Yong1214

为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;}

查看全部

0 采集收起
2018-03-22

首页上一页 28265 28266 28267 28268 28269 28270 28271 下一页尾页

0/150

提交

取消

开始学习

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

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