CSS 学习简记(一)

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{
        //设置样式
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值