CSS 学习简记(一)

来源:互联网 发布:java程序员自我评价 编辑:程序博客网 时间:2024/05/18 20:05

CSS学习简记1:

一、CSS的特点:实现网页文件与网页样式的分离。

二、CSS选择器:
类选择器:在网页文件中用 class标签标的值XXX,在样式表里:.XXX设置该样式即可。
例:
.menu{
    //设置样式
}
若class里面包含多个css样式,则中间用空格隔开 即class="menu tool"
若样式起冲突的话,与css样式位于css文件最后的样式一致,与class里面的排序无关。
Id选择器:在网页文件中用  Id标签标记值XXX,在样式表里:#XXX设置该样式即可。
注意:若同时选择了类选择器和ID选择器,id选择器中的样式与类选择器的样式起冲突时,则网页文件会显示与ID选择器一致的样式。
Html标签选择器:在标签里面的内容都与Html标签选择器样式一致。即CSS文件里面的:
  body{
                /*Html标签选择器:具体样式设置*/
}

三、CSS选择器优先级:
ID选择器>类选择器>Html标签选择器:

四、CSS样式的父子关系:
     CSS样式下的子标签,设置样式,以span为例:
.XXX span{
       //设置样式
}

五、css样式并列:用,将类名隔开
.menu, .title{
        //设置样式
}