ID:35771403
大小:1.11 MB
页数:27页
时间:2019-04-17
4、航加上链接,然后在定义a的状态和鼠标划过状态。要添加链接,先选择要添加链接的文字,然后在属性页面链接上输入要链接的页面址,我这里输入个#,是个虚拟链接,不指向任何页面。创建a的样式后,下面我们增加个交互效果,当鼠标划过链接文字时,让文字颜色变成红色,这时就需要用到a:hover这个伪类了这里的a:hover属于伪类,在下一章节时会详细讲解,或者参看http://www.aa25.cn/div_css/882.shtml,这里只要知道这个写法是定义鼠标划过时的样式就可以了源代码如下:提示:可以先修改部分代码后再运行二、标签的默认
5、样式大多数标签都有自己的默认样式,比如第二天课程中遇到的body默认外边距,另外本例中ul前的圆点及左侧的内边距,另h1-h6字体大小各不相同,em默认为斜体,strong表示粗体。正因为有这些默认样式,一个设计合理的页面,即使没有加载样式,也能让用户很容易阅读。但此时这些默认样式对我们没用,所以需要清除掉,为了方便,建议用标签重定义方式,这样可以很简单地把全局的样式给统一起来。另外页面中的图片添加链接后会默认添加个边框,ul默认情况下会在列表前添加圆点,这些都是需要去掉的。body,0px;ul,li,h1,font-si
6、ze:h2,h3,12px;h4,h5,h6,font-weight:p,form,normal;}dl,dt,dd{margin:0px;padding:ul{list-style:none;}img{border-style:none;}这里选择器类型选择复合内容,我用的是dw最新cs5版本,比之前章节用的cs3版本中更合理了,把ID和伪类分开了。然后在选择器名称中输入我们常用的带默认样式的标签,中间以英文逗号分隔下面对img标签进行重定义,清除图片有链接时默认的边框下边设置全局ul标签默认的圆点为无这样就
7、很简单把常用标签的默认样式给清除掉了,如果需要边距的话再重新定义,也避免了各个浏览器对标签默认样式解析差异造成页面显示不一样的问题。有关标签的默认样式更详细的讲解,请参看http://www.aa25.cn/div_css/881.shtml三、css派生选择器CSS初学者不知道使用子选择器是影响他们效率的原因之一。派生选择器可以帮助你节约大量的class定义。我上边的例子中应用了些派生选择器如下的css代码#menuul{list-style:none;margin:0px;padding:0px;}#menuulli{ba
8、ckground:#eee;padding:0px8px;height:26px;line-height:26px;border-bottom:1pxsolid#CCC;}#menuul和#menuulli即为派生选择器,如果我们把前边的#menu去掉,那么将是对ul标签重定
此文档下载收益归作者所有