静态网站制作中给a链接标签加class类是常见的,但对于初学者来说,以前从来没有添加过可能会遇到给a标签加了class类没有效果,问题出在那呢?下面我们举例看代码说明。
<styletype="text/css">
a:link{color:#FF0000} /*是超级链接的初始状态*/
a:visited{color:#00FF00} /*是把鼠标放上去时...
[a标签加class类]
一、检查HTML元素是否有拼写错误、是否忘记关闭标签
再牛逼的高手也会犯这样的错误,因为当页面结构很复杂,嵌套很多层的时候,很容易搞丢关闭标签。尤其像我,习惯了在记事本里编写,就更容易出错。所以写的时候一定要仔细。
二、检查CSS是否正确
一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式,但是不起效果。
...
[css样式]
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,...
[CSS网页布局]
盒模子是CSS中的紧张观点之一,它是一切结构节制的根基,在1996年CSS1方才推出时,就保举把一切的HTML元素都扭转在一个盒子中,而后经由过程对这个盒子的表面节制来完成全部页面的表面节制,这便是所谓的盒模子.
在CSS尺度中,一个盒模子包含4个区,分别是:内容,内边距,边框和外边距,在指定的一个元素的巨细时,便是依据盒模子中各个部...
[CSS中的盒模型]
我们最常用的解决办法就是直接利用overflow:hidden隐藏超出单元格的部分,这样有时中文出现半边,后来查了再加个text-overflow:ellipsis将被隐藏的那部分用省略号代替,这个方法好像对ff不支持。
table{
table-layout:fixed;
}
td{
white-space:nowrap;
ov...
[控制长内容自动省略号]
鼠标经过图片显示边框的CSS代码
代码如下:
a.doubleLeft:hover
{
text-decoration:underline;
}
先设置一张图片的初始属性:
代码如下:
.pcStyle
{
border:2pxsolid#FFFFFF...
[显示边框]
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是CSS如何将他们自动换行的方法!对于Div和table以及不同的浏览器,实现css自动换行的方法都稍有不同,下面分别介绍:
对于div
1.(IE浏览器)white-space:normal;word-break:break-all;这里前者是遵循标准:
div...
[CSS样式表]
1.DOCTYPE影响CSS处理
2.FF:div设置margin-left,margin-right为auto时已经居中,IE不行
3.FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中
4.FF:设置padding后,div会增加heigh...
[兼容性]
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、CSS样式命名规范
本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样...
[CSS命名规范]