按位置分类
内嵌样式
内嵌样式:在HTML页面中以<style>开头,</style>结束,这里面的样式只能供本页面使用 。
行内样式
行内样式:通过元素的style属性直接写的样式 。
外部样式
外部样式:写一个CSS文件,在需要使用CSS的页面中链接或导入的方法来引用外部CSS 。
- 可以将页面公用的CSS写道外部CSS中 。
链接外部样式
语法:<link rel=”stylesheet” type=”text/css” href=https://www.jinnalai.com/fenxiang/”CSS的地址”>
- rel表示链接的脸型,这个属性不能省略,rel=”stylesheet”表示链接的类型是样式表 。
- type=”style/css”表示这个文件是css文本 。
语法:@import tul(‘CSS的地址’);
使用:如下
链接样式和导入样式的区别
链接样式只能在HTML页面中引入外部样式;
导入样式既可以在HTML中导入外部样式也可以在样式文件中导入外部样式 。
- 在HTML中导入CSS样式的两种方法:如下
- 在CSS页面中引入外部样式:如下
多个样式的应用样式的优先级
- ID样式 > class样式 > 标记样式
- 行内样式 > 内嵌样式 > 外部样式
书写:!important
- 注意:尽量避免使用 。
子元素覆盖和继承父元素的样式 。
如果父元素有,子元素没有,子元素继承父亲的样式;
如果父元素有,子元素也有,子元素覆盖父元素的样式 。
权重叠加
标签样式 < 类样式 < id样式 < 行内样式 < important
1 < 10 < 100 < 1000 < 10000
根据权重的叠加,选择权重最大的样式进行显示 。
例子:多个类样式的应用
以程序执行先后为优先级,后执行的将前面的覆盖 。
注释HTML注释
语法: <!–HTML注释–>
CSS注释
语法:/*CSS注释*/
HTML5 介绍概念
- 官方概念: HTML5草案的前身名为Web Application1.0,是作为下一代互联网标准,用于取代HTML4与XHTML1的新一代标准版本,所以叫HTML5 。它增加了网页的标准、语义化与web表现性能,同时还增加了本地数据库等web应用的功能 。
- 广义概念:HTML5代表浏览器端技术的一个发展阶段,在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括:HTML5、CSS3、Javascript、API在内的一套技术组合 。
目前支持HTML5的浏览器
HTML5的特点
- 更简单
- 标签语义化
- 语法更轻松
- 多设备跨平台
- 自适应网页
HTML5的文档声明:<!document html>
HTML5的字符集声明:<meta charset=”utf-8″>
推荐阅读
- css元素垂直居中的方法 css左对齐怎么设置
- js修改class属性 bootstrap单选框样式
- 参考文献格式怎么写 参考文献的字体用什么字号?
- 博德之门3字体修改方法介绍 博德之门3字体怎么修改
- 魔兽争霸3重制版字体重叠怎么办 字体乱码解决方法分享_网
- 电脑的字体大小怎么改 怎样调电脑字体大小?
- 破坏领主字体怎么替换 破坏领主字体替换方法介绍_网
- 传国玉玺上刻的字是什么 传国玉玺上刻的字是什么字体
- SD高达G世纪火线纵横A卡字体无法显示解决方法_网
- 《我的世界》修改物品成彩色字体方法攻略