- CSS简介
- CSS基本语法
- CSS定义
- 基本格式
- CSS分类
- 按选择器分类
- 类选择器(class)
- ID选择器
- 标记选择器
- 关联选择器
- 组合选择器
- 伪类选择器
- 按位置分类
- 内嵌样式
- 行内样式
- 外部样式
- 链接外部样式
- 导入外部样式
- 链接样式和导入样式的==区别==
- 多个样式的应用
- 样式的优先级
- 强制优先级
- 样式的继承
- 权重叠加
- 例子:多个类样式的应用
- 注释
- HTML注释
- CSS注释
- HTML5 介绍
- 概念
- HTML5发展时间表
- 目前支持HTML5的浏览器
- HTML5的特点
- HTML5的变化
- HTML5声明变化
- 标准的改变:语法松散
- 新增的结构标记
- 新增的三个属性
- 新增的表单元素
- 新增的input元素
- select标签
- datalist数据列表
- 插入音频、视频播放
- 音频播放
- 视频播放
- HTML5样式新增
- 将网站分成两个部分:表现和内容,表现由CSS来控制,内容由PHP从数据库中读取 。
CSS定义是由三个部分构成:
- 选择器
- 属性
- 属性的取值(value)
标记:<style type=”text/css”></style>
- 样式一般写在<head>标记之间
选择器{属性:值;}
- 一个选择器中可以有多个属性,每个属性都有对应的值,属性和值之间用:隔开,属性和属性之间用分号隔开 。
类选择器(class)
语法规则:
- 必须以.开头
- 通过class属性来调用
- 类样式可以被多次调用
语法规则:
- 必须以#开头
- 通过元素的id属性来调用
- ID样式只能被调用一次
直接选择HTML标记 。
- 后面跟多个字体,默认使用第一个字体,例如font-family:”黑体”,”隶书”,”微软雅黑”;默认使用黑体;
- 如果第一个没有,就是用第二个…以此类推;
- 如果样式中的字体客户端一个都没有,就用客户端的默认字体,中文操作系统默认是宋体 。
用空格表示其后代;
用>表示其子级;
例子:
- 表示p下面的所有b,b只要是p的后代即可;
- 表示p>b中b必须是p的子级;
- 注意有无空格的区别;
- 无空格:同时具备该条件
作用:多个样式使用相同的属性
使用:用,分隔
伪类选择器
伪类:类可以被多个元素访问,有一个状态,超链接a有4个状态 。
:link:表示正常链接时候的状态 。
:visited:表示已经点击过的状态 。
:hover:表示当鼠标移上去时的状态 。
:active:表示当鼠标点下去时的状态 。
使用:伪类有四个状态,可以省略其中的某个状态;如果省略,就使用默认样式;如果要写这些状态,就必须按照l(link)v(visited)h(hover)a(active)的顺序 。
- 如果在一个页面上,一部分超链接是一种样式,礼仪部分超链接是另一种样式,可以使用伪类和类的组合(给超链接a设置class选择器) 。
推荐阅读
- css元素垂直居中的方法 css左对齐怎么设置
- js修改class属性 bootstrap单选框样式
- 参考文献格式怎么写 参考文献的字体用什么字号?
- 博德之门3字体修改方法介绍 博德之门3字体怎么修改
- 魔兽争霸3重制版字体重叠怎么办 字体乱码解决方法分享_网
- 电脑的字体大小怎么改 怎样调电脑字体大小?
- 破坏领主字体怎么替换 破坏领主字体替换方法介绍_网
- 传国玉玺上刻的字是什么 传国玉玺上刻的字是什么字体
- SD高达G世纪火线纵横A卡字体无法显示解决方法_网
- 《我的世界》修改物品成彩色字体方法攻略