实用技巧 技巧css
滚动公告栏代码css
滚动公告栏是网页中常见的一种组件，可以在网页头部或者侧边显示最新的消息和活动。下面介绍如何使用CSS来实现一个滚动公告栏。 /* 定义滚动公告栏的样式 */ .news { overflow: hidden; /* 隐藏溢出部分 */ height: 30px; /* 设置高度 */ line-he ......
12 CSS 的float属性
##### 12 CSS 的float属性 - 流动布局 流动模型（Flow），即文档流，浏览器打开HTML网页时，从上往下，从左往右，逐一加载。 在正常情况下，HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征： ① 块状元素会随着浏览器读取文档的顺序，自上而下垂直分布，一行一个的形式 ......
Java优化技巧
1. 尽量在合适的场合使用单例 单例主要适用于以下三个方面： 第一，控制资源的使用，通过线程同步来控制资源的并发访问； 第二，控制实例的产生，以达到节约资源的目的； 第三，控制数据共享，在不建立直接关联的条件下，让多个不相关的进程或线程之间实现通信。 2. 尽量避免随意使用静态变量 当某个对象被定义 ......
webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理
## webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理 - 现实问题: 为了编写博客园的博客样式, 我写了一个scss文件, 但是因为博客园的样式编辑里只接受css样式, 所以乘此机会顺便复习一下webpack5实现对scss(sass)文件的处理 ......
关于 SAP UI5 预定义的 CSS Margin class
与 padding 不同，margin 是透明的，`不是`控件可单击区域的一部分，并且它们与相邻边距`折叠在一起`，这意味着它们不会相互添加。 例如，有两个相邻的 32 像素 margin，则结果是仅显示一个 32 像素边距，而不是 64 像素的空间。 SAPUI5 中预定义的所有边距都支持从右到左 ......
什么是 SAP UI5 中的预定义 CSS 响应式边距（Responsive Margins）
SAP UI5是SAP公司的开源前端开发框架，用于构建现代、移动优先的Web应用程序。预定义的CSS响应式边距是UI5框架中的一个重要特性，它可以帮助开发人员轻松管理和控制应用程序中不同元素之间的间距，以适应不同的屏幕大小和设备类型。本文将详细介绍预定义的CSS响应式边距的概念、用途以及通过示例演示 ......
11 CSS盒子模型（重点）
##### 11 CSS盒子模型（重点） 盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子，这些盒子由元素的content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。  ### 背景 有时候我们需要进行远程的debug，本文研究如何进行远程debug，以及使用 IDEA 远程de ......
10 CSS边框属性
##### 10 CSS边框属性 1. border-style（边框风格） 定义边框的风格，值可以有： ``` /* none：没有边框，当border的值为none的时候，系统将会忽略[border-color] hidden：隐藏边框，低版本浏览器不支持。 dotted：点状边框。 dashe ......
CSS基础-边框和圆角
# 边框和圆角 ## 边框 CSS中用border 定义边框属性。 border语法：border:[宽度][样式][颜色] 其中： - 宽度：边框的宽度，单位可以使px、em、rem 等单位，也可以使用thin、medium、thick 三种预设值 - 样式：边框的样式，值可以是 solid(实线 ......
炫酷loading css实现
## 实现效果  ## 代码 本文使用react实现，其他同理 index.js ``` import React ......
汉译英翻译技巧（1）
汉译英翻译技巧（1） 唐迪 2017-10-27 23895 汉译英翻译技巧（1） 减译法 汉语中的重复现象多：为了表达得清晰、明确、生动，汉语经常采用原词复现的形式，以避免因过多使用代词而导致理解困难。英语中的省略现象多：英语的用词造句讲究多样性，为了表达得简练、紧凑，避免原词复现，英语常采用省略 ......
大学四级翻译技巧
2018年大学英语四级翻译技巧 学习都是从简单的开始。只有从简单的开始，才容易入门，才容易产生兴趣，才容易把事情进行下去。那么2018年大学英语四级翻译技巧又是什么呢？ 1.理解为首要原则 拿到翻译题之后，先确定原句的意思。如果句子较长，可以先找主、谓、宾、定、状、补，分析清楚句子结构，然后再理 ......
「英语语法」一般过去时用法技巧全解
一、首先我们了解一下什么是一般过去时？ 1. 概念： 描述过去的状态或过去的动作。 在英语中，非现在的以前都叫过去。过去发生的而现在已经结束的动作要用一般过去时来表示。 2.用法： ①、表示过去某个特定的时间点上存在的状态，事实，或发生的动作。 ②、表示过去一段时间内经常发生的动作或反复的习惯 3. ......
9 CSS背景属性
##### CSS 背景属性 ##### 1. background-color（背景颜色） 页面的背景颜色有四种属性值表示，分别是transparent（透明），RGB十进制颜色表示，十六进制颜色表示和颜色单词表示。 属性使用： ``` /* background-color: transpare ......
css单行垂直居中，超过两行显示省略号
HTML： <div> <span>单行居中，多行居左单行居中，多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips ......
8 CSS文本属性
##### 8 文本属性 font-style（字体样式风格） ``` /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ ``` font ......
CSS基础-定位
CSS中通常使用position 属性，决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
7 CSS选择器优先级
##### 7 选择器优先级 所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
IDEA debugger 调试技巧
参考： https://www.cnblogs.com/longesang/p/14149409.html https://blog.csdn.net/fen_dou_shao_nian/article/details/109067135 ......
Mybatis日常使用技巧
1.自增长主键 <insert id="insert" useGeneratedKeys="true" keyProperty="id" parameterType="com.fenqi.pojo.DidaUser"> insert IGNORE into dida_user (id, real_n ......
6 CSS样式继承
##### 6 样式继承 CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。  |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......
css 右上角三角形标签样式
<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
css 右上角标的效果
右上角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j ......
4 CSS属性选择器
##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用：选择含有指定属性的元素。 语法：[属性名]{} ``` 示例如下： ```html 属性选择器 用户名： 密 码： 数据量： ``` 运行结果： ![image]( ......
CSS 实现一个带弧边的区域
一、需求描述 在移动端的开发中，经常遇到下图这样的弧边设计 弧边其实有很多方案，但像上图这样的情况更适合用 border 实现，因为这样更方便封装为组件 二、初步实现 可以将页面顶部的区域看做一个大圆与页面的交集，基于这个思路就能开发出一个基本的 html 结构 <body> <div classN ......