标记较少,缺少文字间距,段落缩进等标记,美化困难
维护困难,修改过程繁琐。
网页代码过多,影响网页浏览速度
Css作用例子:链接样式表
Css(cascading style sheet)层叠样式表
通用选择器
用*来表示,代表所有标签
一般用于将所有元素的外边距和内填充清除。
*(margin:0; padding:0;)
#red{color:#ff0000;}
然后引用:
<p id=“red”>文字内容</p>
用法和class类似,但同一id只能应用一次
伪类选择器——定义超链接样式
a:link 超链接正常浏览样式
a:visited 点击后的样式
a:hover 鼠标经过超链接的样式
a:active 点击瞬间的样式
书写时,要按照以上顺序
通常只设置两个选择符,将超链接样式相同的放在a选择器中,把不同的样式放在a:hover选择器中
a{
text-decoration:none; color:#ff0000;} /*去掉超链接下划线,超链接文字为红色*/
a:hover{
color:#00ff00; /*鼠标经过超链接文字变为绿色*/ }
a:link 超链接正常浏览样式
a:visited 点击后的样式
a:hover 鼠标经过超链接的样式
a:active 点击瞬间的样式
书写时,要按照以上顺序
通常只设置两个选择符,将超链接样式相同的放在a选择器中,把不同的样式放在a:hover选择器中
a{
text-decoration:none; color:#ff0000;} /*去掉超链接下划线,超链接文字为红色*/
a:hover{
color:#00ff00; /*鼠标经过超链接文字变为绿色*/ }
发表评论