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

CSS~~

CSS是一门语言,用于控制网页表现

CSS(Cascading Style Sheet):层叠样式表

W3C标准:网页主要由三部分组成

        结构:HTML

        表现: CSS

        行为:JavaScript

1,CSS的导入方式

(1)内联样式

在标签内部使用style属性,属性值是css属性键值对

<div style="color:red">Hello CSS~</div>

(2)内部样式

定义<style>标签,在标签内部定义css样式

<style type="text/css">div{color:red;}
</style>

(3)外部样式

定义link标签,引入外部的css文件

<link rel="stylesheet" href="demo.css">demo.css:
div{color:red;
}

2,CSS选择器

概念:选择器是选取需设置样式的元素(标签)

div{

        color:red;

}

(1)元素选择器

元素名称{color:red;}

div{color:red;}

(2)id选择器

#id属性值{color:red;}

#name{color:red;}
<div id="name">hello css2</div>

(3)类选择器

.class属性值{color:red;}

.cls{color:red;}
<div class="cls">hello css3</div>
    <style>div{color:red;}#name{color: blue;}.cls{color: pink;}</style>
</head>
<body><div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div><span class="cls">span</span></body>

3,CSS属性

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

相关文章:

  • Docker技术概论(1):Docker与虚拟化技术比较
  • alibabacloud学习笔记07(小滴课堂)
  • Ansible-Playbook
  • UE5常见问题处理笔记
  • docker中hyperf项目配置虚拟域名
  • PID闭环控制算法的学习与简单使用
  • 【无刷电机学习】光耦HCNR200基本原理及应用(资料摘抄)
  • 【LeetCode】1768_交替合并字符串_C
  • C#解析JSON
  • AI图像识别算法助力安全生产*提升风险监测效率---豌豆云
  • CSS技巧:实现两个div在同一行显示的方法
  • 【Unity】Node.js安装与配置环境
  • Vue3:使用 Composition API 不需要 Pinia
  • ExoPlayer 播放视频黑屏的解决方法
  • C语言初阶—数组
  • 飞桨(PaddlePaddle)数据预处理教程
  • MYSQL C++链接接口编程
  • 并发编程中常见的设计模式,c++多线程如何设计
  • 解决android studio build Output中文乱码
  • [云原生] K8s之pod进阶
  • [Unity3d] 网络开发基础【个人复习笔记/有不足之处欢迎斧正/侵删】
  • Tomcat的配置文件
  • 猴子吃桃问题(python版)
  • C语言入门到精通之练习49:读取7个数(1—50)的整数值,每读取一个值,程序打印出该值个数的 *。
  • 如何在Windows轻量应用服务器上安装和配置SSH?
  • leetcode日记(36)全排列
  • Flink:动态表 / 时态表 / 版本表 / 普通表 概念区别澄清
  • 异常网络下TCP的可靠服务机制(慢启动、拥塞避免、快重传、快恢复)
  • PL/SQL执行.sql文件
  • 赋能中国制造,大道云行发布智能制造分布式存储解决方案