当前位置: 首页 > news >正文

CSS3 知识总结

1,什么是CSS

     用于定义网页的样式,包括不同设备和屏幕尺寸的设计、布局和显示变化。

2,CSS的作用优点

  • CSS 描述 HTML 元素如何在屏幕、纸张或其他媒体上显示

  • CSS 节省了大量工作。它可以一次控制多个网页的布局

3,css构成

     CSS 规则由一个选择器和一个声明块组成。

  1.      选择器选择您要设置样式的 HTML 元素
  2. No
    1简单选择器根据名称id类选择元素

    元素选择器

     id 选择器

    类选择器

    通用选择器

     HTML 元素

     HTML 元素的 id 属性

    具有特定类属性的 HTML 元素,要选择具有特定类的元素,请写一个句点 (.) 字符,后跟类名。

    通用选择器 (*) 选择页面上的所有 HTML 元素。

    1,一个元素的 id 在一个页面中是唯一的

    2,

    要选择具有特定 ID 的元素,请写入井号 (#) 字符,后跟元素的 ID。

    3,类名不能以数字开头!

    2组合选择器根据元素之间的特定关系选择元素h1, h2, p {
      text-align: center;
      color: red;
    }
    3伪类选择器根据某种状态选择元素
    4伪元素选择器(选择元素的一部分并设置样式
    5属性选择器根据属性或属性值选择元素

    4,插入 CSS 的三种方式
     

    外部 CSS注意:不要在属性值和单位之间添加空格:
    不正确(空格):margin-left: 20 px;
    正确(无空格):margin-left: 20px;
    必须在 head 部分的 <link> 元素中包含对外部样式表文件的引用
    内部 CSS<head>
    <style>
    body {
      background-color: linen;
    }

    h1 {
      color: maroon;
      margin-left: 40px;
    }
    </style>
    </head>
    内部样式在 <style> 元素内定义,在 head 部分内。
    内联 CSS<p style="color:red;">This is a paragraph.</p>为单个元素应用独特的样式

     

   

http://www.lryc.cn/news/44868.html

相关文章:

  • 回溯算法37:解数独
  • 【蓝桥杯-筑基篇】动态规划
  • Unity利用Photon PUN2框架快速实现多人在线游戏实例分享
  • ChatGPT直出1.5w字论文查重率才30% - 基于物联网技术的智能家居控制系统设计与实现
  • 特斯拉的操作系统是用什么语言编写的?
  • C++学习8-C++提高编程
  • ubuntu安装git server
  • 物流云数据分析平台
  • 配置OBS存储功能、新搭建obs
  • 基于DPDK收包的suricata的安装和运行
  • 浅谈23种设计模式
  • JetBrains Rider 2022.3.3 Crack
  • 浅理解扁平数据结构转Tree(树形结构)
  • 前端开发——JavaScript的条件语句
  • 2.11 循环赛日程表
  • SpringBoot——SB整合mybatis案例(残缺版本)第三集
  • Baumer工业相机堡盟相机不满帧如何使用CameraExplorer设置相机参数让它的帧率达到满帧
  • 巴黎爱情回忆 NFT 作品集
  • openai开放gpt3.5-turbo模型api,使用python即可写一个基于gpt的智能问答机器人
  • GUI开发--LCD屏幕的使用(非第三方库)--笔记
  • CesiumForUnreal实现地形等高线效果
  • Python爬虫——Python Selenium基本用法
  • 仿真与测试:单元测试与Test Harness
  • 面试常问集锦——MySQL部分
  • 算法训练第四十四天|完全背包理论 、518. 零钱兑换 II、377. 组合总和 Ⅳ
  • 0x06多层感知机
  • HTML是什么?HTML简介
  • Linux定时服务
  • sgi_stl源码学习,官方文档3.2.3String package字符串封装,未完待续
  • 从JavaScript到Java(一):基础知识