黑马程序员_毕向东_JavaScript视频教程(6)

------- android培训java培训、期待与您交流! ----------

CSS层叠样式表

 

将网页的中样式分离出来

选择器{属性名:属性值;}

css与html结合

1.html标签有style属性

2.<style>

</style>

3.封装css文件 然后再页面中进行调用

<style>

@import url{"1.css"}

</style>

 

4.link标签来链接

<link rel="stylesheet" href="1.css" />

 

技巧:提高相同样式的复用性 将多个标签样式进行单独定义

 

一个css导入多个css

1.css

@import url(“p.css”)

@import url(“div.css”)


选择题的基本分类

标签选择器 html每一个标签名

类选择题 每一个标签中的class属性  用.的形式表示  只能是从css使用

ID选择器 每一个标签中的id属性 可以被css使用 还可以被javascrip使用  用井号表示

<style type="text/css">

.a{

    background-color=#ff0000

}

div b{

 background-color=#ff0000

}

</style>

<body>

<div class="a">

dfsfsdfsdfsdf

</div>

</body>


选择器的优先级  ID>CLASS>标签

扩展选择器

1.关联选择器 标签中的标签

2组合选择器

将多个选择题通过逗号隔开

3伪元素选择器 a:link  超链接被点前

 a:visited  被点后

 a:hover 停在上面

 a:active 点击时


a:link,a:vistied{

     color:#33ff00;

     text-decoration:none;

}


CSS滤镜其实就是通过一些代码完成了丰富的样式


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值