zoukankan      html  css  js  c++  java
  • CSS基础

    CSS基础

    铺网页的三种技术

    HTML:站在语意的角度负责结构

    CSS:站在美学的角度去进行美化

    JavaScript:站在用户体验的角度进行交互

    了解CSS

    什么是CSS?

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML
    或XML(标准通用标记语言的一个子集)。等文件样式的计算机语言。
    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素
    进行格式化

    核心关键词:层叠样式表

    样式表:负责美化

    层叠:样式不会消失而只是会被覆盖

    CSS的三种使用方法

    • 使用CSS属性

    <h1 style="color:red;">Hello,World</h1>

    • 使用标签

        <style>
        /*css注释*/
        /*css选择器 */
        p {
        	color: blue;
        }
      
    • 建立一个.CSS文件,使用link链接

    <link rel="stylesheet" href="01.css">

    CSS的三种选择器

    <p>我是HTML选择器</p>  
    <div class="x">我是class选择器</div>
    <div id="y">我是id选择器</div>
    
    • HTML选择器

        p {
        	color: red;
        }
      
    • class选择器

        .x {
        	color: blue;
        }
      
    • ID选择器

        #y {
        	color: green;
        }
      

    选择器冲突

    谁更精确就听谁的

    	div {
    		color: blue;
    	}
    
    	#test {
    		color: green;
    	}
    
    	.d1 {
    		color: red;
    	}
    	/*谁更精确就听谁的*/
    

    通配符

    用“*”表示:选择网页中的所有标签

    * {
    		/*通配符 选择网页中的所有标签*/
    		color: red;
    
    	}
    

    div标签与span标签

    • 二者都是无意义的标签
    • div表示切割网页,span表示网页中的一个跨度
  • 相关阅读:
    docker知识集锦
    kubernetes知识集锦
    redis知识集锦
    Java多线程知识集锦
    vscode离线安装插件
    jsoncpp的简易教程
    为什么要自动化测试?
    如何选择正确的自动化测试工具
    如何选择测试自动化工具?
    测试自动化的五大挑战
  • 原文地址:https://www.cnblogs.com/ycl1451578730boke/p/7087079.html
Copyright © 2011-2022 走看看