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>,作用是在网页中显示一个无顺序的列表。

  • 相关阅读:
    模拟扑克的洗发牌
    结构体 枚举类型
    return、break和continue
    clipboard.js操作剪贴版——一些移动端交互和兼容经验
    国外主机如何ICP备案
    js文件操作之——导出Excel (js-xlsx)
    深入浅出写一个多级异步回调从基础到Promise实现的Demo
    一个考察闭包的最基础的面试题
    shell常用命令及正则辅助日志分析统计
    node-webkit笔记
  • 原文地址:https://www.cnblogs.com/phioo/p/10939033.html
Copyright © 2011-2022 走看看