慕课网

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

初识HTML(5)+CSS(3)

最热最新

小智仔

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

查看全部

0 采集收起来源：排队显示-流动模型（一）
2015-02-04
EEEcho

排版字体：一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";}

查看全部

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

清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-02-04
小智仔

padding和margin的区别，padding在边框里，margin在边框外。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2015-02-04
小智仔

元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-02-04
EEEcho

使特殊式样具有最高权值 p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 上例显示红色 !important要写在分号的前面

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
pb之外

单选框radio，复选框checkbox 语法：<input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当 type="radio" 时，控件为单选框当 type="checkbox" 时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序 ASP、PHP 使用 4、checked：当设置 checked="checked" 时，该选项被默认选中

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22
故人渐北

么么哒

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2015-02-04
M梦

常用的块状元素有： <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
EEEcho

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

查看全部

0 采集收起
2015-02-04
M梦

文字或图片居中设置 h1/div{ text-align:center } 这里的div是图片板块<div><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" ></div>

查看全部

0 采集收起
2018-03-22
qq_旁观者的形而上_

了解<hx>标签，为你的网页添加标题文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。语法： <hx>标题文本</hx> (x为1-6) 文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1> h1-h6标签的默认样式：标签代码：在浏览器中显示的样式：从上面的图片可以看出标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。

查看全部

0 采集收起
2018-03-22
M梦

字母与字母之间的间距。 h1{ letter-spacing:50px; } 单词之间的间距 h1{ word-spacing:50px; }

查看全部

0 采集收起
2015-02-04
pb之外

文本域，支持多行文本输入. 语法：<textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
M梦

行间距（行高） p{line-height:2em;}

查看全部

0 采集收起
2015-02-04

首页上一页 26618 26619 26620 26621 26622 26623 26624 下一页尾页

0/150

提交

取消

开始学习

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

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