zoukankan      html  css  js  c++  java
  • 2019-02-15 CSS样式学习——(内容来自mooc北京林业大学web前端开发授课ppt)

    CSS样式的添加方法


    行内样式
    e.x.在这里插入图片描述


    内嵌样式
    e.x.
    n
    注意内嵌样式写在head标签内;



    单独文件(外部式样式表文件)

    也是在head标签内插入超链接,sublime+emmet可以用link:css+快捷键实现



    CSS的选择器类型

    1.标签选择器

    在这里插入图片描述


    2.**类别选择器**

    在这里插入图片描述

    3.ID选择器

    在这里插入图片描述
    注:id选择器应当具有唯一性。


    4.嵌套声明
    在这里插入图片描述

    5.集体声明

    在这里插入图片描述

    6.全局声明

    在这里插入图片描述

    CSS样式

    1.单位
    px,em,%
    在这里插入图片描述

    2.颜色

    在这里插入图片描述

    3.文本
    在这里插入图片描述

    4.字体

    在这里插入图片描述
    简化font
    在这里插入图片描述

    5.背景
    在这里插入图片描述

    6.超链接
    在这里插入图片描述

    在这里插入图片描述
    其中,:被称为伪类选择器
    link-visited-hover-active必须按照如此顺序
    Love&Hate 来记忆(

    7.列表
    在这里插入图片描述
    list-style-type
    在这里插入图片描述
    list-style-position inside和outside
    list-style-image 换图标

    8.表格

    奇偶选择器
    在这里插入图片描述
    此处的odd、even可换为数字。

  • 相关阅读:
    MySQL、Redis 和 MongoDB 的优缺点
    解决数据库高并发
    数据库事务
    Mysql 数据库存储的原理?
    CSRF
    MVC模型和MVT模型
    AJAX
    正则表达式-re模块
    ddt-数据驱动测试
    python-时间格式化
  • 原文地址:https://www.cnblogs.com/roccoshi/p/13027089.html
Copyright © 2011-2022 走看看