慕课网

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

初识HTML(5)+CSS(3)

最热最新

Hanjunshuai

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
Hanjunshuai

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

查看全部

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

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

查看全部

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

元素分类块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <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
Hanjunshuai

段落排版--对齐(text-align) 块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。一.结构化块状元素这类元素用于构造文档的结构，一个好的文档结构对于搜索引擎和应用其他技术（如JavaScript）都是十分有利的。它们没有语义上的含义，仅仅划分出了文档的组织方式，并没有体现文档的内容主要的结构化块状元素 * <ol> * <ul> * <dl> * <table> 支持结构化的元素 * <li> * <dt> * <dd> * <caption> * <thead> * <tbody> * <tfoot> * <colgroup> * <col> 二.终端块状元素这类元素用于从结构转向内容，它们拥有语义上的含义，能够表明内容的性质。终端块状元素属于结构的终点，它们不能再包含其他块级元素，只能包含文本或行级元素。终端块状元素 * <h1>...<h6> * <p> * <blockquote> * <dt> * <address> * <caption> 三.多目标块状元素所谓多目标指的是可以自由的扩展或嵌套文档的结构，以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵，以终端的形式使用就含有语义的内涵。多目标块状元素既可以包含块状元素，也可以包含内容（文本与行级元素的组合为内容），但不能同时包含两者。应该把内容放在块状元素中。块状元素不应作为行级元素与文本的兄弟元素，受HTML校验器的限制，目前还没办法检验出此种情况，但是应该避免。多目标块状元素 * <div> * <li> * <dd> * <td> * <form> * <noscript> http://www.cnblogs.com/2050/archive/2010/08/24/1806893.html

查看全部

0 采集收起
2018-03-22
珂茶婆

style在head中，head和body在html中

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2014-11-19
Hanjunshuai

段落排版--字间距、字母间距文字间隔、字母间隔设置：letter-spacing 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：word-spacing

查看全部

0 采集收起
2014-11-19
Hanjunshuai

段落排版--行间距(line-height) 如：实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2014-11-20
Hanjunshuai

段落排版--缩进 p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-11-19
zhaoty

<ol> <li>我的第一个列表信息。</li> <li>我的第一个列表信息。</li> </ol>

查看全部

0 采集收起
2018-03-22
Hanjunshuai

文字排版--删除线 .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-11-19
Hanjunshuai

文字排版--下划线 p a{text-decoration:underline;}

查看全部

0 采集收起
2014-11-19
Hanjunshuai

文字排版--斜体 p a{font-style:italic;}

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2014-11-19
Hanjunshuai

文字排版--字号、颜色如： body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2014-11-19
Hanjunshuai

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

查看全部

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

首页上一页 27605 27606 27607 27608 27609 27610 27611 下一页尾页

0/150

提交

取消

开始学习

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

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