zoukankan      html  css  js  c++  java
  • CSS()

    一、css的使用方式()
    1.行内样式(内联样式)
    <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
    2.页面嵌入(内部样式表)
    在head标签里面增加一个子标签
    <style>
    选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
    }
    </style>
    3.外部文件(外部样式表)
    在head标签里面增加一个子标签
    <link rel="stylesheet" href="css文件的路径" />
    4.外部导入样式
    主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
    css语法: (符号都是英文的)
    选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
    }

    二、颜色的表示方法

    1.颜色色值的英文单词 red,yellow,green,blue...
    2.16进制表示法

    三、css------选择器

    1.ID选择器
    使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
    一个页面中只能有一个id属性值
    css中id选择的表示方法用 # 表示
    2.class选择器
    使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
    一个页面中可以有多个class属性值
    css中class选择器的表示方法用 . 表示
    3.标签选择器
    直接写标签名
    4.组合选择器
    选择器直接用,分隔开即可

    5.子代选择器
     只针对子代
    6.后代选择器
    用空格表示,包含着子代选择器
    7.通用选择器
    * 针对于所有的标签

    8.:hover 伪类选择器

    当你的鼠标放上去的时候,会变化成的样子

    四、文本类样式

    1.文本对其方式、文本下划线、设置字体的颜色、文本的行高、设置字体的样式、规定字体是否倾斜、设置字体的大小。(在浏览器中,默认的字体大小16px,谷歌浏览器中,字体大小最小可以为12px,火狐没有限制)。

    五、有序列表与无序列表

    有序列表,英文为“Ordered List”,标签为<ol>,作用是在网页中显示一个有顺序的列表。无序列表,英文为“Unordered List”,标签为<ul>,作用是在网页中显示一个无顺序的列表。

  • 相关阅读:
    Mysql中varchar类型的猫腻!
    震惊!java中日期格式化的大坑!
    mysql数据库限制多次登录失败,限定用户重试时间
    2021年回顾与展望
    多线程循环打印abc
    2020年总结-用学习过的技术搭建一个简单的微服务框架 + 源码
    回溯算法
    PyTorch 中 weight decay 的设置
    数据结构与算法——计数排序
    数据结构与算法——堆排序
  • 原文地址:https://www.cnblogs.com/phioo/p/10939033.html
Copyright © 2011-2022 走看看