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

  • 例子:

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


    按位置分类
    内嵌样式
    内嵌样式:在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的地址’);
    使用:如下

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


    链接样式和导入样式的区别
    链接样式只能在HTML页面中引入外部样式;
    导入样式既可以在HTML中导入外部样式也可以在样式文件中导入外部样式 。
    • 在HTML中导入CSS样式的两种方法:如下

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


    • 在CSS页面中引入外部样式:如下

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


    多个样式的应用样式的优先级
    1. ID样式 > class样式 > 标记样式
    2. 行内样式 > 内嵌样式 > 外部样式
    强制优先级
    书写:!important

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


    • 注意:尽量避免使用 。
    样式的继承
    子元素覆盖和继承父元素的样式 。
    如果父元素有,子元素没有,子元素继承父亲的样式;
    如果父元素有,子元素也有,子元素覆盖父元素的样式 。

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


    权重叠加
    标签样式 < 类样式 < id样式 < 行内样式 < important
    1 < 10 < 100 < 1000 < 10000
    根据权重的叠加,选择权重最大的样式进行显示 。
    例子:多个类样式的应用
    以程序执行先后为优先级,后执行的将前面的覆盖 。

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


    注释HTML注释
    语法: <!–HTML注释–>
    CSS注释
    语法:/*CSS注释*/
    HTML5 介绍概念
    1. 官方概念: HTML5草案的前身名为Web Application1.0,是作为下一代互联网标准,用于取代HTML4与XHTML1的新一代标准版本,所以叫HTML5 。它增加了网页的标准、语义化与web表现性能,同时还增加了本地数据库等web应用的功能 。
    2. 广义概念:HTML5代表浏览器端技术的一个发展阶段,在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括:HTML5、CSS3、Javascript、API在内的一套技术组合 。
    HTML5发展时间表

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


    目前支持HTML5的浏览器
    HTML5的特点
    1. 更简单
    2. 标签语义化
    3. 语法更轻松
    4. 多设备跨平台
    5. 自适应网页
    HTML5的变化HTML5声明变化
    HTML5的文档声明:<!document html>
    HTML5的字符集声明:<meta charset=”utf-8″>

    推荐阅读