JavaScript第四课-CSS
来源:互联网 发布:算法研究员 编辑:程序博客网 时间:2024/06/03 09:31
css:
外部样式表
内部样式表:将CSS直接放在页面里,进攻本网页使用。通过<style>标签来进行设置
内嵌样式表:直接使用HTML标签中style属性来定义样式,但是志在所定义的区域内有效
CSS层叠样式表:
将网页中的样式分离出来,完全由CSS来控制
增强样式的复用性以及可扩展性
格式:
选择器{属性名:属性值;属性名:属性值....}
CSS和HTML代码结合的四种方式
1、每个html标签独有一个style属性。
2、当页面有多个标签有相同样式时,可以进行复用
<style>css代码</style>
3、当有多个页面中的标签样式相同时,还可以将样式单独封装成一个css文件。
<style>@import url("1.css")</style>
4、通过html中head标签中的link标签连接一个CSS文件
<link rel="stylesheet"n href="1.css">
技巧:为了提高相同的样式的复用性以及可扩展性,可以将多个标签样式进行单独定义,并封装成CSS文件
在一个css中使用css的import将多个变迁样式导入。
然后再html页面上,使用link标签导入这个总的CSS文件即可。
选择器:其实就是样式要作用的标签容器。
当样式分离后,html作用在于用标签封装成数据,然后将css加载到指定标签上。
选择器的基本分类:
1、标签选择器:其实就是html中每一个标签名。
2、类选择器:其实就是每一个标签中的class属性。用.形式表示,只用来给css所使用,可以对不同标签进行相同样式设定、
3、ID选择器:其实就是每一个标签中的ID属性,但是要保证ID唯一性。用#来标识。ID不仅可以被css所使用,还可以被javascript所使用
选择器优先级.ID>CLASS>标签
扩展选择器:
1、关联选择器:其实就是对标签中的标签进行样式定义,选择器 选择器....
2、组合选择器:对多个选择器进行iangtong样式定义,将多个选择器通过(,)隔开的方式
3、伪元素选择器:其实就是元素的一种状态。
- JavaScript第四课-CSS
- JavaScript 基础教程 第四课
- JavaScript基础教程第四课
- Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
- XHTML、CSS与javascript入门经典_第四章 表格
- JavaScript高级教程- 第四课
- JavaScript学习第四课--语句
- CSS 第三课 第四课 笔记
- 《CSS层叠样式表》-----第四课
- 学习HTML+CSS的第四课笔记!
- #HTML+CSS基础课程# 第四课:CSS选择器
- javascript编程起步(第四课)
- 再学JavaScript-第四课-面向对象
- 第四天:css基础
- CSS 第四章 选择器
- 第四章 初识CSS
- [Codecademy] HTML&CSS 第四课:Social Networking Profile
- [Codecademy] HTML&CSS 第四课:Social Networking Profile
- 祝兵兵 qq 775170427
- MooseFS分布式存储集群监控警报程序
- n个元素中取m个元素的组合、排列问题
- Struts2中采用Json返回List对象数据为空解决方案
- DELPHI实现关闭指定进程,自身防杀
- JavaScript第四课-CSS
- Ural 1671 Anansi's Cobweb
- 基于运动特征的视频质量评价方法(基于H.264)
- ScrollView无限滚动
- 老鼠走迷宫----------递归问题
- cookie.setPath()的用法
- read_image读取图片变量名
- UVa OJ 146
- Android中的EditText默认时不弹出软键盘的方法