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好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
css字体样式代码大全 html好看的字体样式代码

文章插图
新增的表单元素
HTML5的表单元素可以不放在表单域中 , 可以通过id关联起来 , 即给form定义id值 , 将表单元素的属性form=”对应表单的id”
例子如下:
新增的input元素
即 input 的type取值 。
  1. email 输入框-邮件
  2. url 输入框-网址
  3. number 输入框-仅数字
  4. range 可拖动进度条-表示范围
  5. 属性有min最小值、max最大值、value默认取值属性有min最小值、max最大值、value默认取值
  6. color 颜色选择框
  7. date 日期选择框-年月日
  8. month 日期选择框-年月
  9. week 日期选择框-年周
  10. time 时间选择框
  11. datetime-local 年月日时间选择框
select标签
在选择第一项后 , 还需选择下一项 。