CSS快速入门

server/2024/10/18 6:08:25/

属性

color:颜色
font-size:字体大小
text-decoration:文本装饰
text-indent:首行缩进
line-height:行高
text-align:文本对齐

CSS引入样式

  • 行内样式:写在标签的style属性中
  • 内嵌样式:写在style标签中(通常写在head标签中)
css"><style>h1 {xxx :xxx}
</style> 
  • 外联样式:写在单独的.css文件中(需要通过link标签在网页中引入)
<link rel="stylesheet" href="xxx.css">

CSS选择器

  • 元素选择器:根据标签的名称来选择,如h1
  • id选择器:为标签设置id属性,用#id设置元素样式
  • 类选择器:为标签设置class属性值,用.cls设置元素属性

优先级:ID选择器>类选择器>元素选择器

盒子模型

内容区域、内边距区域、边框区域、外边距区域
在这里插入图片描述

  • box-sizing:指定width,height修饰的内容liru border-box盒子的区域
  • margin:外边距(上,右, 下,左)或者(上下 左右),auto:自动计算(自动居中)

http://www.ppmy.cn/server/104450.html

相关文章

Android 架构模式之 MVP

目录 架构设计的目的对 MVP 的理解代码ModelViewPresenter Android 中 MVP 的问题试吃个小李子ModelViewPresenter 大家好&#xff01; 作为 Android 程序猿&#xff0c;你有研究过 MVP 架构吗&#xff1f;在开始接触 Android 那一刻起&#xff0c;我们就开始接触 MVC 架构&am…

【AI绘画】Midjourney提示词详解:精细化技巧与高效实践指南

文章目录 &#x1f4af;Midjourney提示词基础结构1 图片链接1.1 上传流程 2 文字描述3 后置参数 &#x1f4af;Midjourney提示词的文字描述结构全面剖析1 主体主体细节描述2 环境背景2.1 环境2.2 光线2.3 色彩2.4 氛围 3 视角4 景别构图5 艺术风格6 图片制作方法7 作品质量万能…

《学会 SpringBoot · 依赖管理机制》

&#x1f4e2; 大家好&#xff0c;我是 【战神刘玉栋】&#xff0c;有10多年的研发经验&#xff0c;致力于前后端技术栈的知识沉淀和传播。 &#x1f497; &#x1f33b; CSDN入驻不久&#xff0c;希望大家多多支持&#xff0c;后续会继续提升文章质量&#xff0c;绝不滥竽充数…

这是啥设计模式-单例模式

召回算法中有一个叫做I2I的召回方式&#xff0c;给定一个Item&#xff0c;返回跟这个Item相似的topK个Item&#xff0c;这种相似关系一般在离线就计算好了&#xff0c;以KV的方式存储下来 <item1, [item2, item3,item4]> <item2, [item1, item5,item6]> ...我们使…

docker启动ES(elasticsearch:7.17.23)

docker直接启动es&#xff0c;报如下错误 2024-08-22 10:52:27 ERROR: [1] bootstrap checks failed. You must address the points described in the following [1] lines before starting Elasticsearch. 2024-08-22 10:52:27 bootstrap check failure [1] of [1]: the defa…

jmeter 请求带证书的 客户端的SSL/TLS证书和私钥https请求

背景: 工作需要对下面接口进行压测,走的是https 带证书的请求 curl -v -X POST -u acsuser:admin20232023 --cert /home/bdgw/ssl/server.crt --key /home/bdgw/ssl/server.key -H "Content-Type: application/json" -d {"thirdAlarmId":"comp2…

更换域名后图片不显示

问题&#xff1a;系统更换域名后&#xff0c;图片不显示了&#xff1b; 原因&#xff1a;系统中图片是带域名存储在数据的&#xff0c;所以更换域名后&#xff0c;图片地址还是以前的域名&#xff0c;所以访问不到&#xff1b; 解决方法&#xff1a; 以下两个方法都是只能更…

git如何将多个提交合并为一个提交

目录 第一种&#xff1a;使用git rebase命令 第二种&#xff1a;使用git reset命令 重新提交 第一种&#xff1a;使用git rebase命令 使用以下命令的其中一种启动交互式 rebase git rebase -i 你想要合并提交的父提交的哈希值git rebase -i <commit-hash>^ &#…