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

网站设计广州/站长推荐入口自动跳转

news 文章来源：https://blog.csdn.net/weixin_70320000/article/details/128951344 2025/3/7 5:28:54
网站设计广州,站长推荐入口自动跳转,智慧物业管理系统,专做机票网站的软件公司CSS代码风格 空格规范&#xff1a; 1. 属性值前面&#xff0c;冒号后面&#xff0c;保留一个空格&#xff1b; 2. 选择器&#xff08;标签&#xff09;和大括号中间保留空格。 基本语法概述&#xff1a; 1.HTML标签是由尖括号包围的关键词&#xff0c;如<html> 2.HTM…

CSS代码风格

空格规范：

        1. 属性值前面，冒号后面，保留一个空格；

        2. 选择器（标签）和大括号中间保留空格。

基本语法概述：

1.HTML标签是由尖括号包围的关键词，如<html>

2.HTML标签通常是成对出现的，例如<html>和</html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个是结束标签。

3.有些特殊的标签必须是单个标签（极少情况），例如<br/>，我们称为单标签。

标签：

分区 div

标题标签 h1~h6

段落标签 p，p标签中不能放任何块元素

图像 img：src属性（必须有）、alt属性，属于替换元素（块和行内元素之间，具有两种元素的特点）

列表 ul/ol/dl：用来布局

超链接 a：行内元素，在a 标签中可以嵌套除它自身外的任何的元素（包括块元素）

表单 form

表格 table：显示数据，合并单元格

框架 iframe

属性：

在标签中（开始标签或者自结束标签）还可以设置属性

        属性是一个名值对（x = y）

        属性用来设置标签中的内容如何显示

        属性和标签名或者其他属性应该使用空格隔开

        属性名（值）不能瞎写，应该根据文档中的规定来编写

                有些属性有属性值，有些没有，如果有属性值，属性值应该使用引号引起来。

href属性指定链接的地址:超文本引用（hypertext reference）；超链接

单标签：<br/>换行、<hr /> 水平线、<img/>、<input/>、<meta/>

特殊字符/实体: 使用&，&gt 大于号，&lt 小于号，&nbsp 空格

块元素: 标题标签、p标签、blockquote（长引用）、div、ul、ol、li等

行内元素: em标签（语音语调的一个加重）、strong标签（强调重要的）、q标签（短引用）、a标签、b、i、del、s、span等，其中span是最典型的行内元素。

行内块元素: img、input、td，他们同时具有块元素和行内元素的特点

块元素的特点：

  1. 比较霸道，独占一行

  2. 高度、宽度、外边距以及内边距都可以控制

  3. 宽度是默认容器（父级宽度）的100%

  4. 是一个容器及盒子，里面可以放行内或者块级元素

 注意：

        文字类的元素内不能使用块级元素，p标签主要用于存放文字，因此p中不能放块级元素

        同理，h1~h6等都是文字类块级标签，里面也不能放其它块级元素。

行内元素的特点：

  1. 相邻的行内元素在一行上，一行可以显示多个

  2. 高、宽直接设置是无效的

  3. 默认宽度就是它本身内容的宽度

  4. 行内元素只能容纳文本或其他行内元素

  注意：

         链接里面不能再放链接

         特殊情况链接 a 里面可以放块级元素，但是给 a 转换一下块级模式最安全

行内块元素的特点：

  1. 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙，一行可以显示多个（行内元素特点）

  2. 默认宽度就是它本身内容的宽度（行内元素特点）

  3. 高度、行高、外边距以及内边距都可以控制（块级元素特点）

元素显示模式转换

比如想要增加链接 a 的触发范围

  转换为块级元素：  display: block;

  转换为行内元素：  display: inline;

  转换为行内块元素： display：inline-block

单行文字垂直居中的代码

  解决方案：让文字的行高等于盒子的高度，就可以让文字在当前盒子内垂直居中

网页布局要学习的三大核心: 盒子模型、浮动 和 定位 

        

相关文章：

HTML总结

CSS代码风格 空格规范&#xff1a; 1. 属性值前面&#xff0c;冒号后面&#xff0c;保留一个空格&#xff1b; 2. 选择器&#xff08;标签&#xff09;和大括号中间保留空格。 基本语法概述&#xff1a; 1.HTML标签是由尖括号包围的关键词&#xff0c;如<html> 2.HTM…...

编程日记 2023/2/11 21:33:38

ByteHouse：基于ClickHouse的实时数仓能力升级解读

更多技术交流、求职机会&#xff0c;欢迎关注字节跳动数据平台微信公众号&#xff0c;回复【1】进入官方交流群 ByteHouse是火山引擎上的一款云原生数据仓库&#xff0c;为用户带来极速分析体验&#xff0c;能够支撑实时数据分析和海量数据离线分析。便捷的弹性扩缩容能力&…...

编程日记 2023/2/11 21:31:26

[SSD固态硬盘技术 15] FTL映射表的神秘面纱

为什么需要映射表？固态硬盘的存储器件采用的是闪存[5]，具有以下几个特点： (1)读写基本单位是以页（Page）为单位，擦除是以块（Block）为单位。...

编程日记 2023/2/11 21:30:17

浅析依赖注入框架的生命周期（以 InversifyJS 为例）

在上一篇介绍了 VSCode 的依赖注入设计&#xff0c;并且实现了一个简单的 IOC 框架。但是距离成为一个生产环境可用的框架还差的很远。 行业内已经有许多非常优秀的开源 IOC 框架&#xff0c;它们划分了更为清晰地模块来应对复杂情况下依赖注入运行的正确性。 这里我将以 Inv…...

编程日记 2023/2/11 21:29:11

HER2靶向药物研发进展-销售数据-上市药品前景分析

HER2长期作为肿瘤领域的热门靶点之一&#xff0c;其原因是它在多部位、多种形式的癌症中均有异常的表达&#xff0c;据研究表明HER2除了在胃癌、胆道癌、胆管癌、乳腺癌、卵巢癌、结肠癌、膀胱癌、肺癌、子宫颈癌、子宫浆液性子宫内膜癌、头颈癌、食道癌中的异常表达还存在于多…...

编程日记 2023/2/11 21:28:02

【第38天】不同路径数问题 | 网格 dp 入门

本文已收录于专栏&#x1f338;《Java入门一百例》&#x1f338;学习指引序、专栏前言一、网格模型二、【例题1】1、题目描述2、解题思路3、模板代码4、代码解析5.原题链接三、【例题2】1、题目描述2、解题思路3、模板代码4、代码解析5.原题链接三、推荐专栏四、课后习题序、专…...

编程日记 2023/2/11 21:26:52

LINUX之链接命令

链接命令学习目标能够说出软链接的创建方式能够说出硬链接的创建方式1. 链接命令的介绍链接命令是创建链接文件&#xff0c;链接文件分为:软链接硬链接命令说明ln -s创建软链接ln创建硬链接2. 软链接类似于Windows下的快捷方式&#xff0c;当一个源文件的目录层级比较深&#x…...

编程日记 2023/2/11 21:25:44

1628_MIT 6.828 xv6_chapter0操作系统接口

全部学习汇总&#xff1a; GreyZhang/g_unix: some basic learning about unix operating system. (github.com) 这本书最初看名字以为是对早期unix的一个解读&#xff0c;但是看了开篇发现 不完全是&#xff0c;只是针对JOS教学OS系统来做的一些讲解。 Xv6是对UNIX v6的重新实…...

编程日记 2023/2/11 21:24:36

使用 Sahi 实现 Web 自动化测试

Sahi 是 Tyto Software 旗下的一个基于业务的开源 Web 应用自动化测试工具。Sahi 运行为一个代理服务器&#xff0c;并通过注入 JavaScript 来访问 Web 页面中的元素。Sahi 支持 HTTPS 并且独立于 Web 站点&#xff0c;简单小巧却功能强大。它相对于 Selenium 等自动化测试工具…...

编程日记 2023/2/11 21:23:30

天津菲图尼克科技携洁净及无菌防护服解决方案与您相约2023生物发酵展

BIO CHINA 生物发酵产业一年一度行业盛会&#xff0c;由中国生物发酵产业协会主办&#xff0c;上海信世展览服务有限公司承办&#xff0c;2023第10届国际生物发酵产品与技术装备展览会&#xff08;济南&#xff09;于2023年3月30-4月1日在山东国际会展中心&#xff08;济南市槐…...

编程日记 2023/2/11 21:22:24

Java 网络编程详解

1、什么是网络编程 在网络通信协议下&#xff0c;不同计算机上运行的程序&#xff0c;可以进行数据传输。 应用场景&#xff1a;     1、即时通信 2、网游对战 3、邮件等等 Java中可以使用java.net包下的技术轻松开发出常见的网络应用程序 2、网络编程三要素 2.1 IP地址 要…...

编程日记 2023/2/11 21:21:16

Scratch少儿编程案例-几何形式贪吃蛇

专栏分享 点击跳转=>Unity3D特效百例点击跳转=>案例项目实战源码点击跳转=>游戏脚本-辅助自动化点击跳转=>Android控件全解手册点击跳转=>Scratch编程案例👉关于作者...

编程日记 2023/2/11 21:20:10

一定要收藏的面试思维导图，粉丝分享面试经验

一位粉丝分享面试经验&#xff1a;1.常见面试题有哪些&#xff1f;主要从以下一些知识点做了准备&#xff1a; 常用的分析方法、Excel、SQL、 A/B测试、产品分析。然后每份面试针对职位要求&#xff0c;还有前期和HR聊天一点点了解这个职位之后&#xff0c;定向准备。 Excel、S…...

编程日记 2023/2/11 21:19:04

【博客615】通过systemd设置cgroup来限制服务资源争抢

通过systemd设置cgroup来限制服务资源争抢 1、场景 我们的宿主机上通常会用systemctl来管理一些agent服务&#xff0c;此时我们需要限制服务的cpu&#xff0c;memory等资源用量&#xff0c;以防止服务之前互相争抢资源&#xff0c;导致某些核心agent运行异常 2、systemd与cgro…...

编程日记 2023/2/11 21:17:57

C语言经典编程题100例（21-40）

21、练习3-2 计算符号函数的值对于任一整数n&#xff0c;符号函数sign(n)的定义如下&#xff1a;请编写程序计算该函数对任一输入整数的值。输入格式:输入在一行中给出整数n。输出格式:在一行中按照格式“sign(n) 函数值”输出该整数n对应的函数值。输入样例1:10输出样例1:sig…...

编程日记 2023/2/11 21:16:51

Rabbitmq业务难点

Rabbitmq业务难点1.消息生产者发送的消息无法路由到任何一个队列怎么处理?2.聊聊Rabbitmq的七种工作模式3.Rabbitmq的消息确认机制4.Rabbitmq的消息持久化5.发布确认模式如何确保生产者能够成功将消息投递到消息队列6. Rabbitmq基于队列设置消息过期时间和单独针对消息设置过期…...

编程日记 2023/2/11 21:15:45

服务器如何下载百度网盘文件？Linux服务器如何在百度网盘中连接、上传下载；在Linux服务器上下载百度云盘中的资料

前言 百度云提供Python包bypy进行远程服务器的对接然后下载&#xff1a; https://github.com/houtianze/bypy 可以通过pip直接下载&#xff0c;授权本人的百度云账号后&#xff0c;就可以直接使Linux电脑本地文件与百度网盘的apps&#xff08;我的应用数据&#xff09;/bypy目…...

编程日记 2023/2/11 21:14:37

Cesium-数字仿真-你总要了解

Cesium&#xff08;专注于时空数据的实时可视化) cesium是一款三维地球开源框架&#xff08;可以多平台、跨平台使用&#xff09;cesium隶属于美国AGI公司&#xff08;Analytical Graphics Incorporation&#xff09;&#xff0c;美国通用公司宇航部的工程师创始开源 周边产…...

编程日记 2023/2/11 21:13:31

原型、原型链、__proto__与prototype的区别、继承

一.什么是原型与原型链 根据MDN官方解释: JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象[[Prototype]] &#xff0c;对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型&#xff0c;并从中继承方法和属性&#xff0c;一层一层、以此类…...

编程日记 2023/2/11 21:12:22

前端 面经

1说一说cookie sessionStorage localStorage 区别&#xff1f;解题思路得分点 数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景 标准回答 Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。 它们的共同点&#xff1a;都是存储…...

编程日记 2023/2/11 21:11:12

[oeasy]python0080_设置RGB颜色_24bit_24位真彩色_颜色设置

RGB颜色 回忆上次内容 上次 首先了解了 索引颜色 \33[38;5;XXXm 设置 前景为索引色\33[48;5;XXXm 设置 背景为索引色 RGB每种颜色 可选0-5总共 6 级 想用 精确RGB值 真实地 大红色画个 大红桃心 ♥️ 有可能吗&#xff1f;&#xff1f;&#x1f914; rgb 模式 关于 RGB 模式…...

编程日记 2023/2/11 21:10:06

实战项目-用户评论数据情绪分析

目录1、基于词典的方法2、基于词袋或 Word2Vec 的方法2.1 词袋模型2.2 Word2Vec3、案例&#xff1a;用户评论情绪分析3.1 数据读取3.2 语料库分词处理3.3 Word2Vec 处理3.4 训练情绪分类模型3.5 对评论数据进行情绪判断目的&#xff1a;去判断一段文本、评论的情绪偏向在这里&a…...

编程日记 2023/2/11 21:08:58

day02 DOS（续）文本编辑快捷键 发展史

day02课堂笔记 1、常用的DOS命令&#xff08;续&#xff09; 1.1、del命令&#xff0c;删除一个或者多个文件 删除T1.class文件 C:\Users\Administrator>del T1.class 删除所有.class结尾的文件&#xff0c;支持模糊匹配 C:\Users\Administrator>del *.class T1.classT1…...

编程日记 2023/2/11 21:07:51

arm64与aarch64

结论&#xff1a; 目前arm64和aarch64概念已合并&#xff0c;新版64位arm程序统称aarch64. 问题引入&#xff1a; 存在部分机器&#xff0c;安装arm版本ss&#xff0c;会报错&#xff0c;提示 rootlocalhost ~]# rpm -ivh senseshiel50 59130arm64.rpm Verifying... ########…...

编程日记 2023/2/11 21:06:37

QString详解

QString存储16位Qchar(Unicode)字符串 QString使用隐式共享&#xff08;copy-on-write&#xff09;来提高性能。 什么是Unicode? unicode是一种国际标准&#xff0c;支持当今使用的大多数操作系统&#xff0c;他是US-ASCII和Latin-1的超集&#xff08;与子集相同字符编码相同…...

编程日记 2023/2/11 21:05:30

SpringCloud微服务

一、微服务架构 1.1、单体应用架构 将项目所有模块(功能)打成jar或者war&#xff0c;然后部署一个进程 优点: 1:部署简单:由于是完整的结构体&#xff0c;可以直接部署在一个服务器上即可。 2:技术单一:项目不需要复杂的技术栈&#xff0c;往往一套熟悉的技术栈就可以完成开…...

编程日记 2023/2/11 21:04:23

Hive 连接及使用

1. 连接 有三种方式连接 hive&#xff1a; cli&#xff1a;直接输入 bin/hive 就可以进入 clihiveserver2、beelinewebui 1.1 hiveserver2/beeline 1、开启 hiveserver2 服务 // 前台运行&#xff0c;当 beeline 输入命令时&#xff0c;服务端会返回 OK [roothadoop1 bin]…...

编程日记 2023/2/11 21:03:15

android libavb深入解读

1、vbmeta结构解析 2、 libavb代码解读 代码地址https://cs.android.com/android/platform/superproject/+/master:external/avb/libavb/ 解析参考AVB源码学习（四）：AVB2.0-libavb库介绍1_摸肚子的小胖子的博客-CSDN博客 这篇blog将会更加深入，掌握avb流程。 2.1、avb_slot_…...

编程日记 2023/2/11 21:02:07

【面试题】对闭包的理解？什么是闭包？

大厂面试题分享 面试题库后端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★地址&#xff1a;前端面试题库闭包的背景由于js中只有两种作用域&#xff0c;全局作用域和函数作用域&#xff0c;而在开发场景下&#xff0c;将变量暴露在全局作用域下的时候…...

编程日记 2023/2/11 21:00:59

笔试题-2023-乐鑫-数字IC设计【纯净题目版】

回到首页：2023 数字IC设计秋招复盘——数十家公司笔试题、面试实录 推荐内容：数字IC设计学习比较实用的资料推荐 题目背景 笔试时间：2022.09.01应聘岗位：数字IC设计工程师笔试时长：60min笔试平台：nowcoder牛客网题目类型：单选题（2道）、不定项选择题（7题）、问答题（…...

编程日记 2023/2/11 20:59:49