border | 易学教程

都说知道 HashMap 线程不安全，那它为啥就不安全？

阅读更多关于都说知道 HashMap 线程不安全，那它为啥就不安全？

我们都知道HashMap是线程不安全的，在多线程环境中不建议使用，但是其线程不安全主要体现在什么地方呢，本文将对该问题进行解密。 1.jdk1.7中的HashMap 在jdk1.8中对HashMap做了很多优化，这里先分析在jdk1.7中的问题，相信大家都知道在jdk1.7多线程环境下HashMap容易出现死循环，这里我们先用代码来模拟出现死循环的情况： public static void main(String[] args) { HashMapThread thread0 = new HashMapThread(); HashMapThread thread1 = new HashMapThread(); HashMapThread thread2 = new HashMapThread(); HashMapThread thread3 = new HashMapThread(); HashMapThread thread4 = new HashMapThread(); thread0.start(); thread1.start(); thread2.start(); thread3.start(); thread4.start(); } } class HashMapThread extends Thread { private static AtomicInteger

python学习之web中css

阅读更多关于 python学习之web中css

css 介绍 CSS 指层叠样式表 (Cascading Style Sheets)定义如何显示控制 HTML 元素,从而实现美化HTML网页。为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容, 表现形式完全交给CSS,html文档变得更加简洁。基本语法格式: 选择器{属性:值;属性:值;属性:值;....} css页面引入方法一内联式:通过标签的style属性,在标签上直接写样式。 css页面引入方法二嵌入式:通过style标签,在网页上创建嵌入的样式表。外联式:通过link标签,链接到外部样式表到页面中。 css简单案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style type='text/css'> div{ border: 1px solid red; width: 700px; height: 500px; } </style> </head> <body> <div> <ul> <li>1</li> <li>2<

jQuery实现密码强度检测

阅读更多关于 jQuery实现密码强度检测

jQuery普遍运用于JAVA_WEB前端，可以说jQuery的运用无处不在，学好jQuery，对于一个程序员来说是必由之路。下面简单介绍一下jQuery实现密码强度检测。如图所示：核心代码：第一步：css样式： /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ /* table elements 表格元素 */ img/* img elements 图片元素 */{ border:medium none; margin: 0; padding: 0; } input::-ms-clear{display:none;} /** 设置默认字体 **/ body,button, input, select, textarea { font-family:微软雅黑, Verdana, Geneva, sans-ser;

关于盒模型

阅读更多关于关于盒模型

逆战班提升——关于盒模型一、什么是盒模型？我们可以将页面中所有的元素都视为盒子，这些盒子中可以盛放我们想要盛放的内容，每个盒子在页面中都占有一定的空间，这些盒子的参数和属性我们可以根据需求来调整，例如它的位置、大小等。二、盒模型的组成？盒模型从内到外由content内容区、padding填充区（补白）、border边框、margin外边距组成。二、盒模型的分类？盒模型可以分为标准盒模型与怪异盒模型。标准盒模型与怪异盒模型的区别在于：标准盒模型的宽高为盒模型的内容区content，填充区padding、边框border、外边距margin都是不计算在宽高以内的；怪异盒模型的宽高包含了内容区content、填充区padding、边框border，只有外边距margin独立于宽高之外。三、标准盒模型与怪异盒模型之间是否可以相互转换？标准盒模型与怪异盒模型可以通过属性box-sizing相互转换，它的属性值有border-box（怪异盒模型）与content-box（标准盒模型）。四、与盒模型的组成相关的属性常用的有哪些？ 1.内容区content： width:宽度值; height:高度值; 2.填充区padding：（1）padding:直接使用padding为复合用法，其属性值为数值型。如果给其设置一个属性值，则该值表示上下左右四个内边距统一的数值

前端之--DOM详解应用

阅读更多关于前端之--DOM详解应用

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。一、查找元素 1、直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 document.getElementsByClassName 根据class属性获取标签集合 document.getElementsByTagName 根据标签名获取标签集合 2、间接查找 parentNode // 父节点 childNodes // 所有子节点 firstChild // 第一个子节点 lastChild // 最后一个子节点 nextSibling // 下一个兄弟节点 previousSibling // 上一个兄弟节点 parentElement // 父节点标签元素 children // 所有子标签 firstElementChild // 第一个子标签元素 lastElementChild // 最后一个子标签元素 nextElementtSibling //

css盒子模型讲解

阅读更多关于 css盒子模型讲解

盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。如图：代码演示：如图这个盒子宽widht:500px,高height：200px,外边距padding：100px，边框border：5px, 外间距margin：100px;所以这个盒子的大小为710px*410px 因为盒子本身的大小是这样计算的： width: width + padding-left + padding-right + border-left + border-right height: height + padding-top + padding-bottom + border-top + border-bottom 通过盒模型我们更容易理解标准盒模型：何为padding内边距？ 1,、padding内边距是在盒子里面，在盒子与内容之间，控制子元素在父元素里面的位置关系。 2、padding会把盒子撑大，如果想让盒子保持原有的大小：在宽高基础上减掉。（如果一个元素是被内容撑开的，没有设置固定的宽高，padding直接撑开。不用减掉）注意

HTML+CSS 绘制太阳系各个行星运行轨迹

阅读更多关于 HTML+CSS 绘制太阳系各个行星运行轨迹

模拟宇宙太阳系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模拟太阳系</title>  <style> .solarsys { width: 800px; height: 800px; position: relative; margin: 0 auto; background-color: #000000; padding: 0; transform: scale(1); } /*太阳*/ .sun { left: 357px; top: 357px; height: 90px; width: 90px; background-color: rgb(248, 107, 35); border-radius: 50%; box-shadow: 5px 5px 10px rgb(248, 107, 35), -5px -5px 10px rgb(248, 107, 35), 5px -5px 10px rgb(248, 107, 35), -5px 5px 10px rgb(248, 107, 35);

java web-1.6CSS属性

阅读更多关于 java web-1.6CSS属性

CSS属性-常用字体、文本（1）font-size:字体大小（2）color:颜色（3）text- align：对齐方式（4）line-height：行高背景 background：边框（1）border：复合属性尺寸（1）width：宽度（2）height：高度盒子模型控制布局（内边距外边距相对的概念）（1）margin：外边距（2）padding：内边距默认情况下，内边距会影响整个盒子的大小 box-sizing：border-box；设置盒子的属性，让width和height就是最终盒子的大小（3）float left right 来源： CSDN 作者： WDdoudou 链接： https://blog.csdn.net/weixin_39795049/article/details/104442969

LESS基础教程

阅读更多关于 LESS基础教程

一、初见LESS 1. 什么是LESS Less是Css的预编译语言，兼容Css语法，在其基础上扩展，可以使用变量，混合，继承，函数等语法，更贴近编程语言，在开发时使用，生产时将Less转换为Css文件。 2. LESS的官方网站中文网址： http://lesscss.cn/ 3. LESS与CSS的写法 CSS的写法 .content{ display: flex; } .content .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } LESS的写法 .content{ display: flex; .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } } 4. 搭建开发环境因为 less 其实无法在浏览器上运行的，它要编译成CSS才行。主要以下方法下载less.js文件，利用该文件编译less，但是太建议使用借助考拉这软件编译借助 vs code ，在该编辑器安装编译less的插件，less文件保存后就会自动生成对应的CSS 借助 node 环境因为前面两种没用过，所以主要介绍下后两种在vs code安装less的编译插件安装插件 Easy LESS ，如下图所示有了这个后

【CSS3】border属性

阅读更多关于【CSS3】border属性

border常见属性值描述 border-width 规定边框的宽度 border-style 规定边框的样式 border-color 规定边框的颜色 border-image 规定边框的图像 border-radius 规定边框的圆角 box-shadow 规定边框的阴影 1.border-width：规定边框宽度 .pag{ border-style:solid; border-width:10px; width:100px; height:30px; } 效果：那我们来谈论一下border边框包括哪些范围 .pag1{ border-style:solid; border-color:rgb(255,0,255,0.3); border-width:20px; width:100px; height:100px; position:absolute; } .pag2{ background-color:blue; width:100px; height:100px; } </style> <div class="pag"> <div class="pag1"> <div class="pag2"> </div> </div> </div> 由此可见边框是向外围扩展的，也就是外边框 2.border-radius：规定边框的圆角（1）通过百分比显示 css代码

订阅 border