慕课网

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

初识HTML(5)+CSS(3)

最热最新

小青城

position:absolute; /*绝对定位*/ position:relative;/*相对定位*/ position:fixed;/*固定定位*/

查看全部

0 采集收起来源：什么是层模型？
2014-12-16
我在等一个天黑

想在一段话中特别强调某几个文字，这时候就可以用到<em>或<strong>标签。

查看全部

0 采集收起
2018-03-22
小青城

div{padding:10px 20px;}上下填充为10px，左右填充为20px。

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-12-16
一只拉着小旺狗的小暖牛

<hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
一只拉着小旺狗的小暖牛

与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
一只拉着小旺狗的小暖牛

<br />标签作用相当于word文档中的回车

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
一只拉着小旺狗的小暖牛

<blockquote>引用文本</blockquote> 浏览器对<blockquote>标签的解析是缩进样式

查看全部

0 采集收起
2018-03-22
Made

文字属性中排版：字体：{font-family:"宋体";} 字号：{font-size:12px;} 颜色：{color:#666;} 粗体：{font-weight:bold;} 斜体：{font-style:italic;} 下划线：{text-decoration:underline;} 删除线：{text-decoration:line-through;} 标签属性中排版：段前缩进：{text-indent:2em;}（2em就是两倍文字大小）行间距：{line-height:1.5em;} 文字或字母间距：{letter-spacing:50px;} 英文单词间距：{word-spacing:50px;} 对齐方式：{text-align:center;}

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
一只拉着小旺狗的小暖牛

<q>引用文本</q> <q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

查看全部

0 采集收起
2018-03-22
一只拉着小旺狗的小暖牛

:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。

查看全部

0 采集收起
2018-03-22
一只拉着小旺狗的小暖牛

<em>等表示强调

查看全部

0 采集收起
2018-03-22
iplayfor

字体缩写网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
effort1019027

<form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form>

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
iplayfor

1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的

查看全部

0 采集收起
2014-12-16
Made

最高权值的设置：我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面

查看全部

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

首页上一页 27258 27259 27260 27261 27262 27263 27264 下一页尾页

0/150

提交

取消

开始学习

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

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