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

常用的css命名规则

news 文章来源：https://blog.csdn.net/qq_43715354/article/details/132711167 2024/11/27 10:20:47

一、命名规则说明：
1）、所有的命名最好都小写
2）、属性的值一定要用双引号(“”)括起来
3）、给图片加上alt标签
4）、尽量使用英文命名原则
5）、尽量不缩写，除非一看就明白的单词

二、相对网页外层重要部分CSS样式命名：
外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部

三、DIV+CSS命名参考表：

CSS样式命名说明
#wrapper页面外围控制整体布局宽度
#container 或 #content容器,用于最外层
#layout布局
#head 或 #header页头部分
#foot 或 #footer页脚部分
#nav主导航
#subnav二级导航
#menu菜单
#submenu子菜单
#sideBar侧栏
#sidebar_a 或 #sidebar_b左边栏或右边栏
#main页面主体
#tag标签
#msg 或 #message提示信息
#tips小技巧
#vote投票
#friendlink友情连接
#title标题
#summary摘要
#loginbar登录条
#searchInput搜索输入框
#hot热门热点
#search搜索
#search_output搜索输出和搜索结果相似
#searchBar搜索条
#search_results搜索结果
#copyright版权信息
#branding商标
#logo网站LOGO标志
#siteinfo网站信息
#siteinfoLegal法律声明
#siteinfoCredits信誉
#joinus加入我们
#partner合作伙伴
#service服务
#regsiter注册
#arr 或 #arrowr箭头
#guild指南
#sitemap网站地图
#list列表
#homepage首页
#subpage二级页面子页面
#tool 或 #toolbar工具条
#drop下拉
#dorpmenu下拉菜单
#status状态
#scroll滚动
.tab标签页
.left居左
.right居右
.center居中
.news新闻
.download下载
.banner广告条(顶部广告条)
.products产品
.products-prices产品价格
.products-description产品描述
.products-review产品评论
.editor_review编辑评论
.news_release最新产品
.publisher生产商
.screenshot缩略图
.faqs常见问题
.keyword关键词
.blog博客
.forum论坛

相关文章：

常用的css命名规则

一、命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号(“”)括起来 3）、给图片加上alt标签 4）、尽量使用英文命名原则 5）、尽量不缩写，除非一看就明白的单词 二、相对网页外…...

编程日记 2023/9/11 1:21:04

【Linux编程Shell自动化脚本】03 shell四剑客（find、sed、grep、awk）

文章目录 一、find1. 常用expression2. 时间参数3. 其他选项参数3.1 查找深度3.2 执行命令 二、sed1. 常用命令选项2. 常用动作脚本命令2.1 s 替换2.2 已匹配字符串标记&2.3 在当前行前后插入文本 a\ 和 i\2.4 p 打印指定行2.5 匹配行的方式2.5.1 以数字形式指定行区间2.5.…...

编程日记 2023/9/11 1:20:02

java的springboot框架中使用logback日志框架使用RabbitHandler注解为什么获取不到消费的traceId信息？

当使用 Logback 日志框架和 RabbitMQ 的 RabbitHandler 注解时，如果无法获取消费的 traceId 信息，可能是因为在处理 RabbitMQ 消息时，没有正确地将 traceId 传递到日志中。 为了将 traceId 传递到日志中，你可以利用 MDC&#xff…...

编程日记 2023/9/11 1:18:59

初探Vue.js及Vue-Cli

一、使用vue框架的简单示例 我们本次的vue系列就使用webstorm来演示： 对于vue.js的安装我们直接使用script的cdn链接来实现 具体可以参考如下网址： https://www.bootcdn.cn/ 进入vue部分，可以筛选版本,我这里使用的是2.7.10版本的&#xff…...

编程日记 2023/9/11 1:17:57

大数据课程K21——Spark的SparkSQL基础语法

文章作者邮箱：yugongshiye@sina.cn 地址：广东惠州 ▲ 本章节目的 ⚪ 掌握Spark的SparkSQL通过方法来使用； ⚪ 掌握Spark的SparkSQL通过sql语句来调用； 一、SparkSQL基础语法——通过方法来使用 1. 查询 df.select("id","name").show()…...

编程日记 2023/9/11 1:16:56

【实践篇】Redis最强Java客户端(三)之Redisson 7种分布式锁使用指南

文章目录 0. 前言1. Redisson 7种分布式锁使用指南1.1 简单锁：1.2 公平锁：1.3 可重入锁：1.4 红锁：1.5 读写锁：1.6 信号量：1.7 闭锁： 2. Spring boot 集成Redisson 验证分布式锁3. 参考资料4. 源…...

编程日记 2023/9/11 1:15:55

卫星通话过后，卫星导航产业被彻底激活

华为新手机发布后，其主打的卫星通话功能备受热议。在卫星产业链发展的背后，下一个大产业在哪里让人颇为好奇。 目前，卫星导航颇被看好，或将引领下一个技术狂潮。它的特点是产业大、发展快、参与者多。继电动汽车、新能源和芯片产…...

编程日记 2023/9/11 1:14:52

【算法训练-链表 七】【排序】：链表排序、链表的奇偶重排、重排链表

废话不多说，喊一句号子鼓励自己：程序员永不失业，程序员走向架构！本篇Blog的主题是【链表的排序】，使用【链表】这个基本的数据结构来实现，这个高频题的站点是：CodeTop，筛选条件为&am…...

编程日记 2023/9/11 1:13:50

LGB的两种写法

方法一 import lightgbm as lgb import pandas as pd from sklearn.model_selection import train_test_split, KFold from sklearn.metrics import accuracy_score# 读取训练集和测试集数据 train_data pd.read_csv(train.csv) test_data pd.read_csv(test.csv)# 分割特征和…...

编程日记 2023/9/11 1:12:49

【Unity的HDRP下ShaderGraph实现权重缩放全息投影＿(内附源码)】

实现权重缩放全息投影 效果如下 效果如下 顶点位置偏移 链接： 提取码：1234...

编程日记 2023/9/11 1:11:45

透视俄乌网络战之二：Conti勒索软件集团（上）

透视俄乌网络战之一：数据擦除软件 Conti勒索软件集团（上） 1. Conti简介2. 组织架构3. 核心成员4. 招募途径5. 工作薪酬6. 未来计划参考 1. Conti简介 Conti于2019年首次被发现，现已成为网络世界中最危险的勒索软件之一&#xff0…...

编程日记 2023/9/11 1:10:43

【华为OD机试python】拔河比赛【2023 B卷|100分】

【华为OD机试】-真题 !!点这里！！ 【华为OD机试】真题考点分类 !!点这里 !! 题目描述 公司最近准备进行拔河比赛，需要在全部员工中进行挑选。 选拔的规则如下： 按照身高优先、体重次优先的方式准备比赛阵容； 规定参赛的队伍派出10名选手。 请实现一个选拔队员的小程序。 输…...

编程日记 2023/9/11 1:09:41

05 CNN 猴子类别检测

一、数据集下载 kaggle数据集[10 monkey] 二、数据集准备 2.1 指定路径 from tensorflow import keras import tensorflow as tf import numpy as np import pandas as pd import matplotlib.pyplot as plttrain_dir /newdisk/darren_pty/CNN/ten_monkey/training/ valid_d…...

编程日记 2023/9/11 1:08:39

【C#】关于Array.Copy 和 GC

关于Array.Copy 和 GC //一个简单的 数组copy 什么情况下会触发GC呢[ReliabilityContract(Consistency.MayCorruptInstance, Cer.MayFail)]public static void Copy(Array sourceArray,long sourceIndex,Array destinationArray,long destinationIndex,long length);当源和目…...

编程日记 2023/9/11 1:07:35

Vue前端框架08 Vue框架简介、VueAPI风格、模板语法、事件处理、数组变化侦测

目录 一、Vue框架1.1渐进式框架1.2 Vue的版本 二、VueAPI的风格三、Vue开发准备工作四、模板语法文本插值属性绑定条件渲染列表渲染key管理状态 四、事件处理定义事件事件参数事件修饰符 五、数组变化侦测 一、Vue框架 渐进式JavaScript框架，易学易用，性…...

编程日记 2023/9/11 1:06:35

WebStorm使用PlantUML

虽然 WebStorm 没有官方的 PlantUML 插件，但我们可以使用第三方插件 PlantUML Integration 来实现在 WebStorm 中使用 PlantUML。 以下是使用 PlantUML Integration 插件，在 WebStorm 中设计一个 Vue 模块的步骤： 安装 PlantUML Integratio…...

编程日记 2023/9/11 1:05:32

Python做批处理，给安卓设备安装应用和传输图片

场景：几台新安卓平板过来了，需要安4个应用并复制4张图片。手工操作其实也未尝不可，但是能自动化起来，岂不是美哉。 python调用系统命令，我选用了os.system，最简单粗暴，也能有回显，就…...

编程日记 2023/9/11 1:04:29

如何获取springboot中所有的bean

代码 Component public class TestS {Autowiredprivate Map<String, Object> allBean Maps.newConcurrentMap();public void testA(){System.out.println("测试下");}}这段代码是一个使用 Spring Framework 的依赖注入&#xff08;DI&#xff09;功能的示例。…...

编程日记 2023/9/11 1:03:28

大数据技术之Hadoop：HDFS存储原理篇（五）

目录 一、原理介绍 1.1 Block块 1.2 副本机制 二、fsck命令 2.1 设置默认副本数量 2.2 临时设置文件副本大小 2.3 fsck命令检查文件的副本数 2.4 block块大小的配置 三、NameNode元数据 3.1 NameNode作用 3.2 edits文件 3.3 FSImage文件 3.4 元素据合并控制参数 …...

编程日记 2023/9/11 1:02:26

用C语言实现牛顿摆控制台动画

题目 用C语言实现牛顿摆动画&#xff0c;模拟小球的运动&#xff0c;如图所示 拆解 通过控制台API定位输出小球运动的只是2边小球&#xff0c;中间小球不运动&#xff0c;只需要固定位置输出左边小球上升下降时&#xff0c;X、Y轴增量一致。右边小球上升下降时&#xff0c;X、…...

编程日记 2023/9/11 1:01:25

如何自己开发一个前端监控SDK

最近在负责团队前端监控系统搭建的任务。因为我们公司有统一的日志存储平台、日志清洗平台和基于 Grafana 搭建的可视化看板&#xff0c;就剩日志的采集和上报需要自己实现了&#xff0c;所以决定封装一个前端监控 SDK 来完成日志的采集和上报。 架构设计 因为想着以后有机会…...

编程日记 2023/9/11 1:00:24

node.js笔记

首先&#xff1a;浏览器能执行 JS 代码&#xff0c;依靠的是内核中的 V8 引擎&#xff08;C 程序&#xff09; 其次&#xff1a;Node.js 是基于 Chrome V8 引擎进行封装&#xff08;运行环境&#xff09; 区别&#xff1a;都支持 ECMAScript 标准语法&#xff0c;Node.js 有独立…...

编程日记 2023/9/11 0:59:23

mysql 增量备份与恢复使用详解

目录 一、前言 二、数据备份策略 2.1 全备 2.2 增量备份 2.3 差异备份 三、mysql 增量备份概述 3.1 增量备份实现原理 3.1.1 基于日志的增量备份 3.1.2 基于时间戳的增量备份 3.2 增量备份常用实现方式 3.2.1 基于mysqldump增量备份 3.2.2 基于第三方备份工具进行增…...

编程日记 2023/9/11 0:58:22

9月5日上课内容 第一章 NoSQL之Redis配置与优化

本章结构 关系型数据库和非关系型数据库 概念介绍 ●关系型数据库&#xff1a; 关系型数据库是一个结构化的数据库&#xff0c;创建在关系模型&#xff08;二维表格模型&#xff09;基础上&#xff0c;一般面向于记录。 SQL 语句&#xff08;标准数据查询语言&#xff09;就是…...

编程日记 2023/9/11 0:57:21

QT 第四天

一、设置一个闹钟 .pro QT core gui texttospeechgreaterThan(QT_MAJOR_VERSION, 4): QT widgetsCONFIG c11# The following define makes your compiler emit warnings if you use # any Qt feature that has been marked deprecated (the exact warnings # depend…...

编程日记 2023/9/11 0:56:19

nrf52832 GPIO输入输出设置

LED_GPIO #define LED_START 17 #define LED_0 17 #define LED_1 18 #define LED_2 19 #define LED_3 20 #define LED_STOP 20设置位输出模式&#xff1a; nrf_gpio_cfg_output(LED_0); 输出高电平:nrf_gpio_pin_set(LED_0); 输…...

编程日记 2023/9/11 0:55:18

MyBatis 动态 SQL 实践教程

一、MyBatis动态 sql 是什么 动态 SQL 是 MyBatis 的强大特性之一。在 JDBC 或其它类似的框架中&#xff0c;开发人员通常需要手动拼接 SQL 语句。根据不同的条件拼接 SQL 语句是一件极其痛苦的工作。例如&#xff0c;拼接时要确保添加了必要的空格&#xff0c;还要注意去掉列…...

编程日记 2023/9/11 0:54:16

CSS 斜条纹进度条

效果&#xff1a; 代码&#xff1a; html: <div class"active-line flex"><!-- lineWidth&#xff1a;灰色背景 --><div class"bg-line"><div v-for"n in 30" class"gray"></div></div><div…...

编程日记 2023/9/11 0:53:13

JavaScript（1）每天10个小知识点

​ 目录 1. JavaScript 有哪些数据类型&#xff0c;它们的区别&#xff1f;**2. 数据类型检测的方式有哪些**3. null 和 undefined 区别**4. intanceof 操作符的实现原理及实现**5. 如何获取安全的 undefined 值&#xff1f;**6. Object.is() 与比较操作符 “”、“” 的区别*…...

编程日记 2023/9/11 0:52:12

scanf和scanf_s函数详解

目录 引言&#xff1a; 1.scanf函数的用法&#xff1a; 2.scanf_s函数的用法&#xff1a; 3.scanf和scanf_s的区别&#xff1a; 结论&#xff1a; 引言&#xff1a; 在C语言中&#xff0c;输入函数scanf是非常常用的函数之一&#xff0c;它可以从标准输入流中读取数据并将其…...

编程日记 2023/9/11 0:51:09

如何给网站配置域名/360免费建站网页链接

JavaScript中解构的用法1. 解构对象2. 结构数组3. 设定默认值4. 解构对象变量赋别名5. 与延展操作符的搭配6. 嵌套解构解构赋值是对赋值运算符的扩展。解构赋值主要分为数组的解构和对象的解构。 1. 解构对象 使用解构将对象的属性赋值给变量。 let animal {kind: dog,name:…...

编程日记 2024/11/27 8:36:55

laravel 网站开发/网络营销品牌

最近遇到一个问题&#xff0c;是关于json数据提交的时候&#xff0c;总是报出【object object】的错误&#xff0c;查了晚上需要资料&#xff0c;大部分的说法是json数据格式不规范导致的错误。一般建议说将dataType类型注释掉。但是都试了一下都没有解决。最后还怀疑是使用jso…...

编程日记 2024/11/27 3:06:53

低价网站建设机构/英文seo实战派

2019独角兽企业重金招聘Python工程师标准>>> 可能是因为resin4出来不久的原因&#xff0c;很多人对一个resin配置多个app不是很了解&#xff0c;经过几个小时的研究&#xff0c;有了一些小的成果&#xff0c;在此分享一下&#xff1a; 在开发的时候很多人习惯了一个…...

编程日记 2024/11/27 1:23:31

做app网站的软件有哪些内容吗/竞价托管推广代运营

遇到一个好问题。现在做穿戴式设备的多。我没去写过相应的程序。但原理是了解一些的。 问&#xff1a; 1.在大腿上绑定一个9轴姿态传感器 2.根据传感器实时采集的数据计算出前进后退侧移下蹲等动作&#xff0c;并且能够估算出速度&#xff0c;可以有误差 答&#xff1a; 有这…...

编程日记 2024/11/26 20:07:37

wordpress 图片并列/搜索推广代运营

在所有数字的统计范围&#xff0c;&#xff0c;对于重复统计只有一次 离线段树算法 排序终点坐标。然后再扫&#xff0c;反复交锋。把之前插入树行被删除 #include "stdio.h" #include "string.h" #include "algorithm" using namespace std;st…...

编程日记 2024/11/26 19:46:21

传世手游新开服网站/有没有免费的广告平台

unique_ptr 简介 独占 实现了构造,实现了移动. 不允许拷贝. 实现 unique_ptr提供了指针拥有的接口 用__uniq_ptr_impl提供的是数据和析构类. 源码 源码 template <typename _Tp, typename _Dp default_delete<_Tp>>class unique_ptr{template <class _Up&…...

编程日记 2024/11/26 19:10:54