div+css

今天初学css,仿着写了个类选择器,发现怎么都不生效,百度了半天大部分都说是文件路径可能有误。花了20分钟才发现类选择器的名字开头需要有个点,真是悲催啊。


css的基本结构是
选择器{
属性1:;
属性2:;

}


css可以外联,也可以写在内部。


了解了盒子模型的几个关键概念。border、margin、padding、content,border是边框,margin是边框外的距离,padding是边框内的距离,content是边框内放的东西。


如果有多个类选择器,则以在css文件中出现的顺序为判断,在文件中出现的越靠后效力越强。

css中,选择器的公因子,可以被提取,这样可以减少冗余数据。



css常用的四种选择器
1 类(class)选择器---定义一种样式,在使用中进行调用
.选择器名{
属性名:属性值;
属性2:属性值;
}
2   html元素选择器,对某种元素进行定义,不必每次使用都进行调用声明
某个html元素名{
属性名:属性值;
属性2:属性值;
}
3  id选择器-------和类选择器类似,调用的方式不同
#ID选择器名{
属性名:属性值;
属性2:属性值;
}
4  通配符选择器,-----------可以应用到所有的html元素,但是它的优先级是最低的
*{
属性名:属性值;
属性2:属性值;
}


四个选择器优先级排序呢
id选择器>class选择器>html选择器>通配符选择器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
XHTML 40个例子显示的内容一样,通过CSS实现不一样的布局效果, 是学习div + css排版的绝佳教程.body标签内的内容如下: Header 1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very 2) Navigation here. long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler 3) More stuff here. very text make long silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very Here it goes the footer
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值