什么是CSS?

一.CSS(层叠样式表):是一种用于描述网页内容任何呈现的样式的语言,它和html(超文本标记语言)一起用于创建网页和Wed应用程序。
W3C标准:网页主要由三部分组成
结构:html
表现:SCC
行为:JavaScript

二.CSS的功能为:能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果,并且能够做到页面的样式和结构分离。

三.CSS的作用效果跟我们日常使用的化妆术是一样的,化妆术能使人看起来更好看,而CSS能够美化页面,从而使页面变得更加好看。

代码例子:

db98881d1cc848f4be2e4a6fab2b5bee.png

 

 运行结果:

0e33d4732605477288099ac174d25278.png

 05c0e23e3a8a41539fb9de57d485fccf.png

5b5911c464bc4830aceb12f7d398b770.png 

 运行结果:

 a5bc1e14d2ce4673ba96e541af5dca84.png

 

bb98d8c1daf149db9c672ffd79f211a0.png

 

 

 

 注意:注意:一个控制蓝色,一个控制粉红色,那么到底听谁的,一句话,就是谁的选择范围越小就听谁的

运行结果:

1eac5409285f4f2db69fa3f7fa005935.png

 代码例子:

049bab62316c4fa2b3af2ff9669c5803.png

f2f307ee571e425791603b257eab6775.png 

 运行代码:4b5bf466b6e347528a3538eb9338a85f.png

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/577785.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python爬虫基础-----运算符(第三天)

🎈🎈作者主页: 喔的嘛呀🎈🎈 🎈🎈所属专栏:python爬虫学习🎈🎈 ✨✨谢谢大家捧场,祝屏幕前的小伙伴们每天都有好运相伴左右,一定要天天…

Candance小白画反相器

1.先建文件夹learn_fxq 2. learn_fxq右键open in Terminal 3. 创建一个新的library 4. 5. file new cellview,要想新建一个反相器电路,这里的type一定要选择schematic,这个代表是电路原理图,需要的就是电路原理图,点击…

电子特气吸收瓶PFA洗气瓶串联反应瓶

定制各式各样PFA洗气瓶,洗涤瓶,反应瓶,多级串联反应装置。 产品特性 1、外观透明方便观察; 2、耐高底温:使用温度-200℃~260℃; 3、耐腐蚀:耐强酸、强碱、王水、氢氟酸和各种有机…

一文读懂「数据分级分类新国标」,美创数据安全分类分级平台助力高效落地!

数据分类分级国标重磅发布! 美创数据安全分类分级平台助力高效落地 ✓ 基于新国标数据分类分级规则框架方法,美创数据安全分类分级平台满足标准要求,融合人工智能技术助力高效实践落地。 ✓ 数据安全分类分级平台全面支持重要数据、个人信息…

Redis与数据库的一致性

Redis与数据库的数据一致性 在使用Redis作为应用缓存来提高数据的读性能时,经常会遇到Redis与数据库的数据一致性问题。简单来说,就是同一份数据同时存在于Redis和数据库,如何在数据更新的时候,保证两边数据的一致性。首先&#…

Linux课程____selinux模式

一、是什么 它叫做“安全增强型 Linux(Security-Enhanced Linux)”,简称 SELinux,它是 Linux 的一个安全子系统 二、有啥用 就是最大限度地减小系统中服务进程可访问的资源(根据的是最小权限原则)。避免…

实践笔记-harbor搭建(版本:2.9.0)

harbor搭建 1.下载安装包(版本:2.9.0)2.修改配置文件3.安装4.访问harbor5.可能用得上的命令: 环境:centos7 1.下载安装包(版本:2.9.0) 网盘资源:https://pan.baidu.com/s/1fcoJIa4x…

基于springboot+vue实现的校企合作项目管理系统

作者主页:Java码库 主营内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。 收藏点赞不迷路 关注作者有好处 文末获取源码 技术选型 【后端】:Java 【框架】:spring…

【容器源码篇】Map容器(HashTable,HashMap,TreeMap的特点)

文章目录 ⭐容器继承关系🌹Map容器🗒️HashTable源码解析构造方法put方法remove方法rehash扩容 🗒️HashMap源码解析构造函数get方法put方法详解 扩容方法详解 🗒️TreeMap源码解析 ⭐容器继承关系 🌹Map容器 键值对映…

少量的样本对于深度学习来说,会造成过拟合还是欠拟合呢?

少量样本通常会导致过拟合,而不是欠拟合。过拟合指模型在训练数据上表现良好,但在未见过的测试数据上表现不佳,因为模型过于复杂,试图捕获训练数据中的噪声和细微特征。由于训练数据有限,模型可能会过度适应这些数据的…

基本数据类型

Oracle从入门到总裁:​​​​​​https://blog.csdn.net/weixin_67859959/article/details/135209645 数据类型是一种用于描述数据存储格式的结构。 PL/SQL 和其他编程语言一样也有多种数据类型,PL/SQL 语言中的常用数据类型和 Oracle 数据库中内置的数据类型基本…

动手学机器学习K近邻算法+习题

K近邻算法 import matplotlib.pyplot as plt import numpy as np import os# 读入mnist数据集 m_x np.loadtxt(mnist_x, delimiter ) m_y np.loadtxt(mnist_y)# 数据集可视化 data np.reshape(np.array(m_x[0], dtypeint), [28, 28]) plt.figure() plt.imshow(data, cmapgr…