文字是网页设计的基础部分,设置好文字的样式,可以起到事半功倍的效果,通常可以使用两种方法。
第1种方法是直接使用HTML标记进行设置,如:使用粗体标记将文本设置为加粗样式。
第2种方法是使用css,层叠样式表。
HTML定义了6级标题,1-6级,标题文字随级数增大依次减小。
h1的效果
h2的效果
h3的效果
h4的效果
h5的效果
h6的...
分类:
Web程序 时间:
2014-09-09 16:11:28
阅读次数:
225
使用CSS1,CSS是层叠样式表(Cascading Style Sheet),由选择器和声明块两部分构成。如下前部分h1是选择器,花括号包围的块是声明块。h1 { color: red;}2,CSS使用主要分为外部样式表,嵌入样式表,和内联样式表。/*外部样式表*//*嵌入样式表*//*内联...
分类:
Web程序 时间:
2014-09-08 03:14:06
阅读次数:
287
原文:CSS中选择器优先级顺序实战讲解我们有些程序猿在给一个元素(比如div)应用样式的时候,会有一些疑问,为什么我写在后面的样式不能覆盖前面的样式呢,不是说CSS是层叠样式表吗?
如果你在开发中也遇到同样的问题,即在给某一元素应用样式的时候(比如写在外部样式表中),写在后面的样式不能覆盖前面定义的...
分类:
Web程序 时间:
2014-09-06 12:12:43
阅读次数:
307
原文::link,:visited,:focus,:hover,:active详解CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。 :link与:visited在样式文件中的顺序可以随便放置。
而focus, hover,active这几...
分类:
其他好文 时间:
2014-09-06 12:10:33
阅读次数:
211
继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定的HTML标签元素,而且应用于其后代。EX:p{color:red;}测试CSS的继承该段代码测试效果为: 测试CSS的继承可见P文本和span中的文本都设置成了红色.但是注意有一些CSS样式是不具有继...
分类:
Web程序 时间:
2014-09-03 16:14:16
阅读次数:
569
<html>
<head>
<meta?http-equiv="content-type"?content="text/html;charest=gb2312"/>
<title></title>
<style?type="text/css">
<!--
.d{
position:absolute;
top:25px;
right:20px;
left:25px;
bottom:20...
分类:
其他好文 时间:
2014-09-02 21:31:55
阅读次数:
252
CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。:link与:visited在样式文件中的顺序可以随便放置。而focus, hover,active这几个,如果你设置的顺序不同,会直接影响样式的显示效果,下面会详细解释。:focus->:...
分类:
其他好文 时间:
2014-09-01 13:55:53
阅读次数:
176
CSS中对静态网页的布局和定位已经较为成熟 现在运用CSS(层叠样式表)已经可以对静态网页的色彩搭配 、图片点击效果、列表外观进行设置较使用时间较长的JS有了很大提升 而HTML5在图片和基本的点击事件以及动画上面也有了很多提升 使HTML5超前完成了JS可以完成的工作任务以下列出CSS中静态网页布...
分类:
Web程序 时间:
2014-09-01 00:18:32
阅读次数:
285
我们有些程序猿在给一个元素(比如div)应用样式的时候,会有一些疑问,为什么我写在后面的样式不能覆盖前面的样式呢,不是说CSS是层叠样式表吗?如果你在开发中也遇到同样的问题,即在给某一元素应用样式的时候(比如写在外部样式表中),写在后面的样式不能覆盖前面定义的样式。这个时候,你可能就得考虑是不是没考...
分类:
Web程序 时间:
2014-09-01 00:12:52
阅读次数:
187