css字体样式代码大全 html好看的字体样式代码

  • CSS简介
  • CSS基本语法
  • CSS定义
  • 基本格式
  • CSS分类
  • 按选择器分类
  • 类选择器(class)
  • ID选择器
  • 标记选择器
  • 关联选择器
  • 组合选择器
  • 伪类选择器
  • 按位置分类
  • 内嵌样式
  • 行内样式
  • 外部样式
  • 链接外部样式
  • 导入外部样式
  • 链接样式和导入样式的==区别==
  • 多个样式的应用
  • 样式的优先级
  • 强制优先级
  • 样式的继承
  • 权重叠加
  • 例子:多个类样式的应用
  • 注释
  • HTML注释
  • CSS注释
  • HTML5 介绍
  • 概念
  • HTML5发展时间表
  • 目前支持HTML5的浏览器
  • HTML5的特点
  • HTML5的变化
  • HTML5声明变化
  • 标准的改变:语法松散
  • 新增的结构标记
  • 新增的三个属性
  • 新增的表单元素
  • 新增的input元素
  • select标签
  • datalist数据列表
  • 插入音频、视频播放
  • 音频播放
  • 视频播放
  • HTML5样式新增
CSS简介CSS是Cascading Style Sheet(层叠样式表)的缩写 。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言 。
  • 将网站分成两个部分:表现和内容,表现由CSS来控制,内容由PHP从数据库中读取 。
CSS基本语法CSS定义
CSS定义是由三个部分构成:
  • 选择器
  • 属性
  • 属性的取值(value)
基本格式
标记:<style type=”text/css”></style>
  • 样式一般写在<head>标记之间
基本格式如下:
选择器{属性:值;}
  • 一个选择器中可以有多个属性,每个属性都有对应的值,属性和值之间用:隔开,属性和属性之间用分号隔开 。
CSS分类按选择器分类
类选择器(class)
语法规则:
  1. 必须以.开头
  2. 通过class属性来调用
  3. 类样式可以被多次调用
ID选择器
语法规则:
  1. 必须以#开头
  2. 通过元素的id属性来调用
  3. ID样式只能被调用一次
标记选择器
直接选择HTML标记 。
  • 后面跟多个字体,默认使用第一个字体,例如font-family:”黑体”,”隶书”,”微软雅黑”;默认使用黑体;
  • 如果第一个没有,就是用第二个…以此类推;
  • 如果样式中的字体客户端一个都没有,就用客户端的默认字体,中文操作系统默认是宋体 。
关联选择器
用空格表示其后代;
用>表示其子级;
例子:

css字体样式代码大全 html好看的字体样式代码


  • 表示p下面的所有b,b只要是p的后代即可;

css字体样式代码大全 html好看的字体样式代码


  • 表示p>b中b必须是p的子级;

css字体样式代码大全 html好看的字体样式代码


  • 注意有无空格的区别;
  • 无空格:同时具备该条件
组合选择器
作用:多个样式使用相同的属性
使用:用,分隔
伪类选择器
伪类:类可以被多个元素访问,有一个状态,超链接a有4个状态 。
:link:表示正常链接时候的状态 。
:visited:表示已经点击过的状态 。
:hover:表示当鼠标移上去时的状态 。
:active:表示当鼠标点下去时的状态 。
使用:伪类有四个状态,可以省略其中的某个状态;如果省略,就使用默认样式;如果要写这些状态,就必须按照l(link)v(visited)h(hover)a(active)的顺序 。