-
盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是border代码的缩写形式，可以分开写： div{ border-width:2px; border-style:solid; border-color:red; } 注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、查看全部
-
元素分类 在讲解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>查看全部
-
段落排版--对齐 想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的11-1、11-2小节中会讲到。) h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>查看全部
-
段落排版--字间距、字母间距 文字间隔、字母间隔设置： 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。 单词间距设置： 如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>查看全部
-
段落排版--行间距 这一小节我们来学习一下另一个在段落排版中起重要作用的行间距属性（line-height），如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;} <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>查看全部
-
中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;}注意：2em的意思就是文字的2倍大小。查看全部
-
.oldPrice{text-decoration:line-through;}查看全部
-
文字排版--下划线 有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;}查看全部
-
文字排版--斜体 以下代码可以实现文字以斜体样式在浏览器中显示： p a{font-style:italic;}查看全部
-
短文本引用<q> 长文本blockquote 代码格式保留coad 格式直接保存pre查看全部
-
这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。查看全部
-
title标签是网页的标题信息 meta是用来描述网页文档的属性，如时间，日期，刷新页面等 link是链接 style是用于为HTML文档定义样式信息 script用于定义客户端脚本查看全部
-
常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>查看全部
-
块状元素中的文本、图片设置居中样式可以使用text-align样式代码 text-align center left right查看全部
-
语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 举例： <form> 姓名： <input type="text" name="myName"> <br/> 密码： <input type="password" na查看全部
举报
0/150
提交
取消