___THE SECOND
来源:互联网 发布:淘宝购买弹弓是否违法 编辑:程序博客网 时间:2024/05/12 07:27
这一期,老师将CSS进行了一系列的复习、分析、讲解。从理论与实践上,重新系统的一遍。
1,CSS的基本语法
(1)CSS是由 选择器和 声明来组成的
(2)每一条声明里面 有属性、值
选择器{属性:值;属性:值....}
选择器:找到某个标签的一种方法/机器
Css属性的单位:
颜色值:
大小值:
浏览器默认的字体大小,16px
Px----像素(pixel)-----
电脑的分辨率:1366x768像素
整个屏幕 是由 1366像素点组成 纵向是由 768个像素点组成,像素点 一个一个的颜色值
16px 是什么意思?
所以像素 是一个相对的长度,和浏览器的分辨率相关
他是分辨的百分比 16/浏览器所占的大小
2,CSS的四种样式表
(1)内联样式表
缺点是如果给很多元素设置样式太繁琐
(2)嵌套样式表
缺点:如果其他文件也需要这种样式的话,需要反复再去写同样的样式
(3)外部样式表
最常用的
多个文件需要同一种样式的时候,我们可以将共同的样式 封装起来,保存成一个css文件
通过link标签 加载的
<link rel=”stylesheet” type=”text/css”href=”layout.css”/>
(4)输入样式表
(1)在CSS文件中通过 @import 加载
(2)在html文件<style>标签中嵌套:
CSS样式的优先级:
1,就近原则,
2,加载顺序,后加载的会修改之前的样式
<link rel="stylesheet"href="css/border.css"/>
<style>
p{
border:2pxsolid green;
}
</style>
2,CSS选择器
分类:
1,类选择器,就是通过class属性找到某个标签的方法
任何html的标签至少会有 class属性、id、name、style
Class属性的xxx标签
2,id选择器,通过id属性来找到某个标签的方法
3,关联选择器,又称上下文关系选择器。通过上下文关系来确定标签的位置
意思:找到ul标签里面 class 为 vegetable的li标签
4,组合选择器
就是组合 多个 html 标签,来设置样式
需求:
给class='vegetable',id="div1", class="p1"设置样式,让其字体为 30px,颜色为蓝色
注意:
同一个标签,只能有一个 id属性,因为id是唯一的
Class属性可以有多个,为了区别其他的,建议这样写:标签名.class属性名 p.p1
5,伪元素选择器
伪元素,就是 同一个html标签,在不同的状态下,有不同的效果,这样的元素称为伪元素
目前,支持伪元素的,只有 a标签 和 p标签
伪元素的状态:
超链接:
A:hover 鼠标移上去的时候
A:link 默认状态
A:visited 访问过之后
A:active
由于伪元素选择器 兼容性不好,不建议大家使用,可以以后通过javascript来实现
- ___THE SECOND
- ___THE FIRST
- second
- second
- Second
- second
- second
- second word
- Ajax Second
- Second Life
- Second post
- second life
- Second Day
- second essay
- second 8
- second 9
- Second Day
- second class
- 信号量
- 使用Express进行Web开发
- android 网格视图 GridView 通过SimpleAdapter实现
- Java操作Excel
- Ecshop安装过程中的的问题:cls_image::gd_version()和不支持JPEG
- ___THE SECOND
- Android 布局嵌套
- 函数笔记
- 安装amqp扩展
- 异常信息:java.lang.OutOfMemoryError: PermGen space
- android 有事件处理的网格视图
- #include "*.c"文件的妙用
- HDU4111 Alice and Bob 2011成都现场赛A题 博弈
- 数据结构中对于时间复杂度的初步了解