css样式基本知识

news/2025/2/15 21:08:44/文章来源:https://www.cnblogs.com/wjhfree/p/18717409

选择器:用于选中要设置样式的 HTML 元素。常见的选择器有标签选择器(如p、div)、类选择器(.classname)、ID 选择器(#idname)、属性选择器([attribute=value])等。
声明块:由属性和值组成,用于定义样式规则。例如color: red;中,color是属性,red是值。
规则集:由选择器和声明块组成,例如p { color: red; }表示选择所有p标签,将其文本颜色设置为红色。

常用属性
文本样式
color:设置文本颜色,如color: #333;或color: blue;。
font-size:设置字体大小,如font-size: 16px;。
font-family:设置字体族,如font-family: Arial, sans-serif;。
text-align:设置文本对齐方式,可选值有left、right、center、justify。
背景样式
background-color:设置背景颜色,如background-color: #f5f5f5;。
background-image:设置背景图片,如background-image: url('image.jpg');。
background-repeat:设置背景图片的重复方式,可选值有repeat、no-repeat、repeat-x、repeat-y。
盒模型
width和height:设置元素的宽度和高度。
padding:设置元素的内边距,可分别设置padding-top、padding-right、padding-bottom、padding-left,也可使用简写形式,如padding: 10px 20px 30px 40px;(上、右、下、左)。
border:设置元素的边框,如border: 1px solid #ccc;,也可分别设置border-width、border-style、border-color。
margin:设置元素的外边距,用法与padding类似。
定位
position:设置元素的定位方式,可选值有static(默认)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)、sticky(粘性定位)。
top、right、bottom、left:用于配合position属性,指定元素在定位时相对于其父元素或视口的位置。

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

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

相关文章

2025多校冲刺省选模拟赛13

2025多校冲刺省选模拟赛13\(T1\) A. 逆序对 \(56pts\)原题: luogu P5972 [PA 2019] Desant部分分\(56pts\) :爆搜。点击查看代码 int a[50]; pair<int,ll>ans[50]; struct BIT {int c[50];int lowbit(int x){return x&(-x);}void add(int x,int val){for(int i=x;i…

使用 Git 命令和 Github 前须了解的知识

本文不包括 Git 命令的介绍与使用,只分享 Git 的关键概念与 Github 项目的基本工作流程。作者相信先了解它们对后续的学习和工作大有裨益。(如有错误和建议请大家评论告知)版本控制系统 VCS → Version Control System,版本控制系统 → 一个跟踪文件变化、记录修订情况、协…

leetcode hot 02

解题思路:找祖先从底向上递归后序遍历查找,遇到p,q或者空节点就直接返回对应值,当某个节点的左子树、右子树都返回了值,那么就说明该节点就是最近祖先节点,然后把该节点的值继续往上传,直到根节点返回结果。 /*** Definition for a binary tree node.* public class Tre…

Linux介绍及使用

一、linux介绍 1、Linux是一个免费、开源的操作系统,能多用户、多任务、支持多线程和多CPU的操作系统,相对windows更加稳定,在unix系统的基础上开发的系统; 注解:(1)免费:不要钱 (2)源代码公开 (3)多用户 :可以在不同用户操作 (4)多任务:同时执行多个任务 …

Maven 生命周期 Test 阶段遇到的一些问题

Q:无法使用@Test注解,报错 A:最初pom.xml中使用的Junit版本为3,Java 5于 2004 年发布,引入了注解作为语言的一部分。而Junit 3 是在这之前发布的,因此它无法使用注解,将pom.xml中的版本号改为<version>4.13.2</version>后问题解决,可使用@TestQ:在Maven启…

18. 信号

一、什么是信号在 Linux 中,信号是一种用于通知进程发生了某种事件的机制。信号可以由内核、其它进程或者命令行工具发送给目标进程。Linux 系统中由多种信号,每种信号都用一个唯一的数值表示。例如,常见的信号如下:SIGINT (2):这是当用户在终端按下 Ctrl+C 时发送给前台进…

【专题】DeepSeek技术颠覆or创新共赢,开启Al算法变革元年报告汇总PDF洞察(附原数据表)

原文链接: https://tecdat.cn/?p=39544 在科技飞速迭代的当下,人工智能领域正经历着深刻变革,AI Agent 的发展尤为引人瞩目。 随着数字化进程的加速,全球数据量呈指数级增长,如同为 AI Agent 的发展提供了丰沃土壤。海量数据不仅为模型训练提供了坚实基础,更驱动着 AI A…

Python梯度提升模型GBM生态学研究:SFS、RandomizedSearchCV预测黑腿蜱种群分布丰度可视化-

全文链接:https://tecdat.cn/?p=39232 原文出处:拓端数据部落公众号 广义线性模型一直是揭示自然种群分布和丰度背后生态过程的基础统计框架。然而,随着环境和生态数据的快速增长,分析这些大规模数据集需要更先进的统计方法。梯度提升树等现代机器学习框架,能有效识别复杂…

9.7.5 预测

这里的预测过程不是图\(9\)-$14,应该是下面这幅图,这里有误

【第四期书生大模型实战营】L0G4000 玩转「HF/魔搭/魔乐」等平台

闯关任务 闯关任务需要在关键步骤当中截图!任务 描述 时间模型下载 使用Hugging Face平台、魔搭社区平台(可选)和魔乐社区平台(可选)下载文档中提到的模型(至少需要下载config.json文件、model.safetensors.index.json文件),请在必要的步骤以及结果当中截图。 20min模型…