CSS1.0

1.CSS的基本使用:

一.CSS的定义:

选择器名 {

属性名:属性值;

属性名:属性值;

............

}

注意:每个声明以分号结尾。建议一行一个声明。若样式的属性值由多个单纯组成》则用引号引起来。

二.CSS的注释:/*注释*/

三.CSS的三种使用方式:a.行内样式:直接写在标签上的样式,在标签上通过style属性定义的样式。

b.内部样式:定义在style标签中的样式,style标签一般写在head标签中

c.外部样式:定义在外部css文件中,通过link标签引入<link rel="stylesheet" type="text/css" href="css的外部文件"/>

2.CSS的选择器:

a.通用选择器*(常用)

* {

属性名:属性值;

...........

}

b.元素选择器(常用)

元素名/标签名 {

          属性名:属性值;

            ...........

}

c.id选择器#(常用)

#id名{

          属性名:属性值;

            ...........

}

d.类选择器.

.class属性值{

                      属性名:属性值;

                         ............

}

e.分组选择器

选择器1,选择器2,选择器3..........{

                       属性名:属性值;

                        .........

}

3.CSS的组合选择器:

a.后代选择器(选择指定元素的所有指定元素,以空格隔开)

选择器 指定元素{

                           属性名:属性值;

                           .........

}

b.子代选择器(选择指定元素的第一代子元素,以大于号>隔开)

选择器>指定元素{

                      属性名:属性值;

                       ............

}

c.相邻兄弟选择器:(选择指定元素的下一个指定元素,只会找一个,两者有相同的父元素,用加号+隔开)

选择器>指定元素{

                             属性名:属性值;

                                 ...................

}

d.普通兄弟选择器(选择指定元素后面的所有指定元素,两者有相同的父元素,用波浪号~隔开)

选择器>指定元素{

                              属性名:属性值;

                                  ............

}

                 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值