Css样式表中的#和.

最新推荐文章于 2023-12-19 14:29:48 发布

guo_yj

最新推荐文章于 2023-12-19 14:29:48 发布

阅读量1k

点赞数 1

文章标签： css html import class url

本文链接：https://blog.csdn.net/guo_yj/article/details/2133127

版权

css文件的书写 css中的#和.

在css中可以见到#和.
#是指的的id
.是指的伪类。一般地说，选择符可以和多个类采用捆绑的形式来设定，这样虽然能够为同一个选择符创建多种不同的样式，但捆绑的形式同时也限制了设定的类为其它的选择符所使用。伪类的产生就是为了解决这个问题，每个预声明的伪类都可以被所有的HTML标识符引用，当然有些块级内容的设置除外。基本格式如下：
如下面的body前面没有什么符号，blogbody有#号，menubar前面有.号。

body {
    scrollbar-darkshadow-color: #808080;
    scrollbar-face-color: #EEEEEE;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #EDEDED;
}

#blogbody{
width:774;
background-color:#FF9933;
}

.menubar {
background-color:#336699;
cursor:default;
border-right:5px solid #ffffff;
padding-right:2px;
}

font.viewhead{color:#333366}

a.headtitle:link,a.headtitle:visited{
color:"#000066";
font-size:"12px";
font-weight:bold;
text-decoration: none;

}
没符号表示这个样式默认应用于body标签～

有#号表示你需要在应用时用id标签调用,如：id=blogbody

有.号表示你需要在应用时用clasee标签调用,如：class=menubar

如果在.或者#前后都有名称，比如font.viewhead{color:#333366}这个，它表示这个样式只只应用于font标签，而且在应用时必须用claee=viewhead调用

最下面这个是链接样式的定义，只对链接有效，如果没有中间headtitle名称，就是默认的链接样式，如果有名称，则必须在使用时调用！～
.伪类名 {属性：值}
一、同一css文件中各个选择器书写顺序

1.调用的外部样式 @import url(xxx.css);
2.body /td /form /a /img等html标签和整个站点通用的样式选择器
3.按照html文件结构的顺序依次书写各个模块的样式
4.以功能命名选择器，同一功能模块样式集中在一起

二、超文本链接A的各个状态样式的书写顺序

1.a:link
2.a:visited
3.a:hover
4.a:active

三、同一选择器内各个属性的书写顺序

1.position
2.float and clear
3.width and height
4.margin and padding
5.overflow
6.border
7.background
8.font/color and text effects