weixin_34228387

CSS样式总结

CSS相关概念
1. CSS的定义
Cascading Style Sheets 层叠样式表（级联样式表）
2. CSS的作用
定义网页外观，如字体、背景、颜色等
3. CSS特点
① 精确的定位准确的控制页面的任何元素
② 精细的控制可以做到像素级别的调整
③ 样式与内容的分离便于维护，便于重用
4. 发展历程
① CSS1 CSS1发布于 1996年12月17号
② CSS2 CSS2发布于 1999年1月11日。CSS2添加了对媒介（打印机和听觉设备）和可下载字体的支持。
③ CSS3 CSS3 计划将 CSS 划分为更小的模块。2001年至今 HTML5+CSS3

CSS的使用方式
1. 内联样式（行内样式）
在标签里面添加style属性，属性值写css 代码
2. 内部样式（通常定义在head头中）
把css代码写在style标签中
注意：style标签可以写在文件内部的任何一个地方，但是建议都放在head头内
3. 外部样式（使用link标签引入单独的css文件）
link标签
@import @import "css文件地址"; 注意：要写在css代码的前面
★：当样式的定义有冲突的时候，行内样式的优先级最高；其他两种看代码出现的顺序，后面的会覆盖前面的；

CSS的基本语法
1. CSS语法
选择器：是你需要改变样式的 HTML 元素
声明：
声明都被包含在{}中；
每条声明由一个属性和值组成，中间用冒号隔开；
定义多条声明的时候，用分号隔开；
实例：
h1{color:red; background:blue;}
2. CSS注释
/* 注释内容 */
3. 单位
3.1 长度单位
px 像素(推荐)，屏幕上显示的最小单位；（字体大小默认16px）
em 倍数字体大小相对于默认的16px来翻倍
% 百分比字体大小相对于默认的16px来取百分比
========以上3个都是相对单位===========
in 英寸
pt 磅 (1 pt 等于 1/72 英寸)，标准长度单位，通常用于印刷业
mm/cm 毫米/厘米
3.2 颜色单位
1.颜色单词
red green blue yellow pink purple lightblue...
2.以16进制表示, 取值范围0~f
#121212
提示：如果表示三原色的数值相同，可以简写
#00 00 00 = #000
3.rgb
数字： color:rbg(0~255, 0~255, 0~255)
百分比： color:rbg(0~100%, 0~100%, 0~100%)
注意：不能混用！

CSS的选择器
通配符选择器
*{margin:0px}
HTML标签选择器
p{color:red}
CLASS类选择器
.class名{color:red}
ID选择器
#ID名{color:red}
========= 注意：以上4种是基本选择器；请保持ID名的唯一性；class和ID选择器区分大小写，标签不区分

后代选择器
爹后代{color:red}
空格分隔，相当于找ul的后代中左右的a标签
组合选择器
a, h1, p{color:red}
伪元素选择器（不能在行内样式使用）
选择器:link 设置没访问前的样式
选择器:visited 设置访问过后的样式
选择器:hover 设置鼠标放上来的时候的样式（最常用）
选择器:active 设置鼠标点击还没放开的时候的样式

选择器的优先级
ID选择器 > CLASS选择器 > 标签选择器

CSS中常见的属性和值
1、字体属性
font 设置字体所有属性
font: [粗细] [斜体] 30px '楷体';
font-size 字体大小（常用的）
font-family 用哪一种字体
font-weight 字体粗细
值：100-900的整百数！600以上为粗体，其他为正常大小
font-style 字体样式
italic 设置为斜体
2、颜色属性
color 值参考基本语法中的颜色单位
3、背景属性
background 任意组合各种子属性（用起来很爽）
background-color 背景颜色
background-color:#ccc;
background-image 背景图片
background-image:url('../html03/img/f.gif');
background-repeat 背景图片的平铺方式
值：repeat(默认) no-repeat(不平铺) repeat-x repeat-y
background-repeat:no-repeat;
background-position 背景图片的位置（九宫格或者像素）
值：left center right top bottom 像素
background-position:10px 100px;
background-attachment 背景图片相对于谁滚
值：fixed(相对于窗口滚) scroll(相对于元素滚) local(默认，跟着内容滚)

4、文本属性
letter-spacing 设置字间距（值：长度单位）
word-spacing 设置词间距（值：长度单位；空格区分一个词）
### text-indent 设置首行缩进（值：长度单位；通常为2em，缩进两个汉字）
text-transform 大小写转换
值：capitalize(每个单词的首字母大写) uppercase(全大写) lowercase（全小写）
### text-decoration 设置线
值：none（没有） underline(下划线) overline(上划线) line-through(删除线)
### text-align 水平对齐方式
值：left center right
### vertical-align 行级元素基于本行的垂直对齐方式
值：
baseline 默认
middle 默认与下标位置之间
sub 下标位置
super 上标位置
top 会找到最上面的哥们对齐
bottom 会找到最下面的哥们对齐
100px 直接设置长度单位
### line-height 设置行高，通常用于文本垂直居中
word-wrap break-word:设置超长变态的单词自动换行

5、边框属性
border 必须记住，设置元素的边框
border:1px solid red; //顺序无所谓
border-width 设置边框的宽度
border-color 设置边框的颜色
border-style 设置边框的样式：solid|dashed|dotted...(见:./border-style.html)
#可以单独设置上下左右某一条边框，知道就行，有兴趣的可以测试一下
border-top
border-top-width
border-top-color
border-top-style
border-bottom
border-bottom-width
border-bottom-color
border-bottom-style
border-left
border-left-width
border-left-color
border-left-style
border-right
border-right-width
border-right-color
border-right-style
6、鼠标指针样式属性
cursor 设置鼠标指针样式
值：pointer|move|not-allowed|wait|progress... (见：./cursor.html)
7、列表属性
list-style 通常是去掉前面的点：list-style:none;
list-style-type 设置图标类型：circle|square... (见:list-style-type.html)
list-style-image 设置图标图片
list-style-position 设置图标位置：inside|outside
8、表格属性
table-layout: 设置表格为固定布局：auto|fixed
border-collapse: 设置td的边框相邻合并；默认为独立的
值：separate(默认独立) collapse（相邻合并）

网页布局（DIV + CSS）
HTML网页：标准文档流（从左往右，从上往下）由标签构成
浏览器把每一个标签都看做是一个盒子！（烟盒）

布局相关概念：
1.盒子模型
1.1 定义：任何一个元素都可以抽象一个盒子模型，盒子里面可以嵌套盒子
1.2 组成：元素内容（有宽高）、内边距（补白）、边框、外边距（补白）
1.3 相关属性：
width height 盒子的宽高
border 盒子的边框
padding 盒子的边框距离盒子的内容的距离
margin 盒子的边框距离上一个盒子或父元素的距离，可以为负值
1.4 盒子模型的宽高
盒子的宽 = 内容的宽 + 左右内补白 + 左右边框

2.标签分为块级元素和行级元素
块级元素（标签）
一般用来搭建网站架构、布局、承载内容……像这些大体力活都属于块级元素的
如：div|ul|li|dl|dt|p。。。
特点：
1、从左到右撑满页面，独占一行。
2、如果没有设置宽度，默认是它容器宽度的100%
3、块级元素可以包含其他块级元素或者行级元素（P标签除外）
部分标签：h1~h6、p、dt。。。（html语法检测的编辑器会报错，只有p标签会影响结构）

没有任何内涵和样式，常用于布局！
3.2、行级元素和块级元素的转换（display）
display inline|block|inline-block|none
扩充：IE7不支持inline-block，解决方法：首先将其变成行内元素，使其具有行内元素的特性，然后触发haslayout，使其具有块级元素的特性，如此就可以模拟出inline-block的效果
div{
display:inline-block;
*display:inline;
*zoom:1;
}

4.盒子的浮动
浮动的盒子可以脱离文档流；脱离了文档流后，其他的块级元素会无视这个盒子的存在
需要注意的是：元素中的文本依然会为它让出位置，环绕在它周围
float属性，值有right|left|none
5.盒子的定位
相对定位
相对于自己原先的位置定位，配合left|right|top|bottom使用，不会脱离文档流，不影响其他元素的布局；可以与其他元素重叠，但它原本所占的空间不会改变
绝对定位
相对于离自己最近的已定位父元素，如果没有找到，那么它的位置相对于浏览器的可视窗口；脱离了文档流，其他元素（包括元素中的文本）会无视它
固定定位
固定定位，固定在浏览器的某个位置，不随滚动条的滚动而滚动
6.margin的特性
1、两个盒子的水平外边距margin值会相加（正常理解），累加显示
2、两个盒子的垂直外边距margin值会重叠，以最大的为显示标准
3、父元素的第一个子元素的[上边距](只有上边距)margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领导”(父元素，祖先元素)的麻烦。将自己的margin应用到“领导”的身上;
解决：
1、给父元素加有效的border或者padding（不能为0）
2、或者设置父元素的overflow:hidden
7.盒子的嵌套
1、如果子元素的宽高超出了父元素，可以通过overflow来控制超出部分
auto 自动 | hidden 隐藏 | scroll 滚动条
2、当子元素浮动后，父元素的高度不会被撑开了！就像橡皮筋一样
解决：
1、让父元素也浮动起来
2、给父元素加上overflow属性
8.居中
水平居中
text-align 可以让文本和行级元素水平居中，设置在要居中元素的父级元素上
margin:0 auto 可以让块级元素水平居中，设置在要居中的元素本身上
垂直居中
line-height 和父元素的height相等，可以让文本和行级元素垂直居中，设置在要居中元素的父级元素上（只能有1行文本）
块级元素垂直居中：（画图中心点演示）
position:absolute;
top:50%;
margin-top:当前元素高度的一半
9.隐藏元素
visibility:hidden 隐藏元素，但保留其物理空间
display:none 隐藏元素，不保留空间

布局相关的属性
1、尺寸
width 设置内容的宽
height 设置内容的高
2、内边距
padding
padding：四边
padding：上下左右
padding：上左右下
padding：上右下左
padding-top 上
padding-right 右
padding-bottom 下
padding-left 左
3、外边距
margin
margin:四边
margin:上下左右
margin:上左右下
margin:上右下左
margin-top 上外边距
margin-right 右外边距
margin-bottom 下外边距
margin-left 左外边距
4、布局
display 设置元素的显示方式
值：
none 隐藏元素，很彻底的隐藏，不保留物理空间（化尸粉，毁尸灭迹）
block 显示为块级元素
inline 显示为行级元素
inline-block 显示为行内块级元素（类似于img、input标签，可以设置宽高）
float 设置元素浮动方式
值：
left 往左浮动
right 往右浮动
none 不浮动（默认）
clear 清除浮动。一般用于被浮动所影响的(块状)元素上
值：
both 清除两边的浮动（常用）
left 清除左浮动
right 清除右浮动
overflow
值：
auto 溢出就显示滚动条，没超出就算了
hidden 溢出隐藏
scroll 溢出滚动（有没有超出都有滚动条的位置）
overflow-x 设置水平方向的溢出方式，值和overflow一样
overflow-y 设置垂直方向的溢出方式，值和overflow一样
visibility 设置元素的可见性
值：
hidden 隐藏可见元素
visible 显示元素（默认）
5、定位
position 设置元素的定位方式
值：
relative 相对定位
absolute 绝对定位
fixed 固定定位，固定在浏览器的某个位置，不随滚动条的滚动而滚动
z-index 设置元素的堆叠层级
值为一个整数，越大优先级越高；可以有负值
注意：必须设置了postion的属性才有效！如果值相同，写在后面的会覆盖前面的

布局
1.取消标签的默认样式
body、h1~h6、p、ul 的margin值
img的border值(IE默认有边框)
a标签的text-decoration:none
2.子元素继承父元素的属性设置
字体、颜色、文本相关的属性，子元素会继承父元素的
比如：在body中设置了字体样式，所有元素都会生效
跟布局相关的属性，不会被继承；
比如：边框、内边距、外边距、宽高、背景。。。

/********************* CSS3 **********************/
选择器
元素选择器
通配符 *
标签选择器 li|div|a|b
ID选择器
类选择器
关系选择器
后代选择器 ul li{...}
ul的后代li
儿子选择器 ul > li{...}
ul的儿子li（不包括孙子）
相邻选择器 ul + div{...}
ul后面紧挨着的div
相邻选择器 ul ~ div{...}
ul后面所有的div
属性选择器
E[attr]
包含attr属性的E元素
E[attr="val"]
attr属性等于某个值的E元素
E[attr^="val"]
包含attr属性，并且值是以val开始的E元素
E[attr$="val"]
包含attr属性，并且值是以val结尾的E元素
E[attr*="val"]
包含attr属性，并且值里面包含val的E元素
E[attr~="val"]
包含attr属性，并且值用空格分割后还包含val的E元素
E[attr|="val"]
包含attr属性，并且值用|分割后还包含val的E元素
伪类选择器
E:link
E:visited
E:hover
E:active

E:first-child
E:last-child
E:nth-child(n)
E:only-child
E:not(选择器)
E:empty
E:focus
E:checked
...
颜色
设置元素的透明度：rgba(0~255, 0~255, 0~255, 0~1(透明度));
transparent 设置为全透明
属性
边框圆角
border-radius
border-left-top-radius
border-left-right-radius
border-bottom-top-radius
border-bottom-right-radius
盒子阴影
box-shadow
文字阴影
text-shadow:5px 5px 10px yellow;
-webkit-text-stroke:1px red;

兼容写法：
-webkit- 表示chrome谷歌浏览器
-moz- 表示firefox火狐浏览器
-o- 表示opera欧朋浏览器
-ms- 表示IE浏览器

/****************** 以下均为扩充知识 ******************/

css hack
由于各大浏览器对CSS的解析认识不完全一样，所以可以用css hack使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

比如：
比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不认识

/*以下代码在IE7是蓝色，标准浏览器是红色*/
p{
color:red;
*color:blue;
}

比如判断浏览器

lt <
gt >
lte <=
gte >=

关于inline-block后的换行符产生空格问题：
» block水平的元素inline-block化后，IE6/7没有换行符间隙问题，其他浏览器均有；
» inline水平的元素inline-block后，所有主流浏览器都有换行符/空格间隙问题；
» font-size:0，去除换行符间隙，在IE6/7下残留1像素间隙，Chrome浏览器无效，其他浏览器都完美去除；
» letter-spacing负值可以去除所有浏览器的换行符间隙，但是，Opera浏览器下极限是间隙1像素，0像素会反弹，换行符间隙还原。

CSS的浮动
float 用于设置css的浮动
之所以会出现浮动，是为了实现文字的环绕效果，并不是为了高大上的布局

浮动的特性：
1. 包裹
一般有3中表现形式：
1. 收缩
没设置宽高的情况下，宽高会收缩到和内容差不多
2. 隔绝
里面发生的事情，与外部无关

具有包裹的其他属性：
display:inline-block|table-cell
position:absolute|fixed
overflow:hidden|scroll //待定
2. 破坏
一般表现为父元素高度塌陷，主要目的是为了实现文字环绕效果
具有破坏性的其他属性：
display:none
position:absolute|fixed

减轻浮动破坏性的两大方法
1. 在浮动元素底部插入clear:both 清除浮动
插入一个block块状元素，并加属性clear:both
如：

可以延伸出追加伪元素清除浮动的写法：
.fix::after{content:'';display:table;clear:both;}
.fix{zoom:1;/*兼容IE6/IE7*/}
2. 让父元素BFC(Block Formatting Context)
能够让父元素BFC的属性：
1. float:left|right
2. position:absolute|fixed
3. overflow:hidden|scroll (常用)
4. display:inline-block|table-cell(IE8+)
5. zoom:1 (IE6/IE7)

浮动后的元素有两种情况，变得像砖块一样，所以被很多人用来布局砌墙：
1. 会将元素块状化

button标签，默认为inline-block,浮动后变成了block
2. 去空格化

position的absolute绝对定位
1. 跟随性：元素设置了absolute后会留在原来的位置
经常用于无依赖的绝对定位，脱离relative的掌控
2. 包裹性
3. 破坏性

转载于:https://www.cnblogs.com/hoewang/p/10257256.html

你可能感兴趣的:(CSS样式总结)

OC语言多界面传值五大方式 Magnetic_h ios ui 学习 objective-c 开发语言
前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言 html javascript 前端 css css3
1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数广龙宇一起学Rust #Rust设计模式 rust 设计模式开发语言
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
关于提高复杂业务逻辑代码可读性的思考编程经验分享开发经验 java 数据库开发语言
目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
拥有断舍离的心态，过精简生活--《断舍离》读书笔记爱吃丸子的小樱桃
不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
每日算法&面试题，大厂特训二十八天——第二十天（树）肥学 ⚡算法题⚡面试题每日精进 java 算法数据结构
目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
阶段总结反思轻争
马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥
【华为OD技术面试真题 - 技术面】- python八股文真题题库（4) 算法大师华为od 面试 python
华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例：文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片（Slicing）操作**基本切片语法
Python爬虫解析工具之xpath使用详解 eqa11 python 爬虫开发语言
文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
主题升华随机抽总结木棉咕噜
昨天晚上在火山灿教练那里抽了主题升华最后一关。一共抽了两个故事，现总结如下。第一个故事是《并不是你想象的那样》。主题一：有时候，面对别人一些貌似不合常情的行为，不要轻易的指责他，也许背后有我们所不知道的原因。在这一个主题里面，刚开始的时候，我没有加上貌似二字。所以就没有改动之后这么精准。主题二：有时候我们对他人善意的行为，可能会给我们带来一些意外的回报。主题三：面对同样一件事，因为不同的人看待问题
【无标题】达瓦达瓦 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
上图为是否色发 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
143234234123432 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven Energet!c 开发语言
1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach
CentOS的根目录下，/bin 和 /sbin 用途和权限 Energet!c Linux日常 centos linux 运维
CentOS的根目录下，/bin和/sbin用途和权限一、/bin(Binary)二、/sbin(SystemBinary)三、总结在CentOS的根目录下，/bin和/sbin目录有不同的用途和权限一、/bin(Binary)用途:存放系统的基本命令，这些命令对所有用户都是可用的。例如：ls、cp、mv、rm等。权限:普通用户和系统管理员都可以使用这些命令。二、/sbin(SystemBinar
linux 发展史种树的猴子内核 java 操作系统 linux 大数据
linux发展史说明此前对linux认识模糊一知半解，近期通过学习将自己对于linux的发展总结一下方便大家日后的学习。那Linux是目前一款非常火热的开源操作系统，可是linux是什么时候出现的，又是因为什么样的原因被开发出来的呢。以下将对linux的发展历程进行详细的讲解。目录一、Linux发展背景二、UINIX的诞生三、UNIX的重要分支-BSD的诞生四、Minix的诞生五、GNU与Free
又到年末伊人微语
今天，工作群里，各个部门开始提醒老师们上交各种期末总结资料，才蓦然感觉这个学期已接近尾声，才意识到2022即将过去，新的一年的脚步声已经越来越近不由得生阳一些感慨。年纪大了，感觉到每个日子都是“倏”地一声就过去了，来不及思量，来不及回顾，一年就这么过去了。我常常想，为什么会有这样的感觉呢？年轻时候的每一天是24小时，现在的每一天也不曾少过一分钟，为什么就会感觉到它的脚步越来越快呢？后来我想明白了，
大都会资本BMAN的2018年终总结非线性思考
1投资的本质是认知变现赚钱=足够的认知*高效的的变现。2投资的三大基石策略:提升认知高效变现知行合一3如果你亏钱了要么是认知的问题，要么是变现的问题，要么而是知行合一的问题。4投资需要知行合一，很简单的道理，却拦住了很多高手，是因为认知和行动中间还隔着人性。顶级的高手能把自己从贪嗔痴中抽离出来，顶级高手没有人性，只有原则。5如果你玩的是空气币，就不要幻想拿着它改变世界，那是你套出了幻觉，眼光放短一
2024.9.6 Python，华为笔试题总结，字符串格式化，字符串操作，广度优先搜索解决公司组织绩效互评问题，无向图 RaidenQ python 华为 leetcode 算法力扣广度优先无向图
1.字符串格式化name="Alice"age=30formatted_string="Name:{},Age:{}".format(name,age)print(formatted_string)或者name="Alice"age=30formatted_string=f"Name:{name},Age:{age}"print(formatted_string)2.网络健康检查第一行有两个整数m
android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android 更改窗口的层次
最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
Python入门之Lesson2:Python基础语法小熊同学哦 Python入门课程 python 开发语言算法数据结构青少年编程
目录前言一.介绍1.变量和数据类型2.常见运算符3.输入输出4.条件语句5.循环结构二.练习三.总结前言欢迎来到《Python入门》系列博客的第二课。在上一课中，我们了解了Python的安装及运行环境的配置。在这一课中，我们将深入学习Python的基础语法，这是编写Python代码的根基。通过本节内容的学习，你将掌握变量、数据类型、运算符、输入输出、条件语句等Python编程的基础知识。一.介绍1
Android应用性能优化轻口味 Android
Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新
高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？寻求改变
我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情
放松的一天 4da9b7687fa0
20190325总结起床07:20图片发自App睡觉:23:00天气:晴今日任务清单学习·信息·阅读•水滴阅读Day40Alice’sAdventuresinWonderlandChapter6.2图片发自App•BBC跟读训练营Day24图片发自App图片发自App图片发自App•潘多拉口语训练营Day6Wow.Whatabigboy!•文化知识学习今日无•阅读时间地狱健康·饮食·锻炼•饮食目标
4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏穷人小水滴娱乐音视频低成本小说游戏
穷人如何获得快乐?小说,音乐,视频,游戏,本文简单盘点一下这4大低成本(安全)娱乐方式.这里是穷人小水滴,专注于穷人友好型低成本技术.(本文为58号作品.)目录1娱乐方式1.1小说(网络小说)1.2音乐1.3视频(b站)1.4游戏(电子游戏/计算机软件)2低成本:一只手机即可3总结与展望1娱乐方式这几种,也可以说是艺术的具体形式.更专业的说,(娱乐)是劳动力再生产的重要组成部分.使人放松,获得快乐
计算机网络八股总结 Petrichorzncu 八股总结计算机网络笔记
这里写目录标题网络模型划分（五层和七层）及每一层的功能五层网络模型七层网络模型（OSI模型）==三次握手和四次挥手具体过程及原因==三次握手四次挥手TCP/IP协议组成==UDP协议与TCP/IP协议的区别==Http协议相关知识网络地址，子网掩码等相关计算网络模型划分（五层和七层）及每一层的功能五层网络模型应用层：负责处理网络应用程序，如电子邮件、文件传输和网页浏览。主要协议包括HTTP、FTP
【树一线性代数】005入门 Owlet_woodBird 算法
Index本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376分析实现总结本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376已知非空二叉树T的结点值均为正整数，采用顺序存储方式保存，数据结构定义如下:t
今天是总结薛帅
今天来个最后一天的总结。为什么要学习写作技巧呢？就如同建房子，如果想要住的安全、舒服，我们要先打地基，建房子的框架，这样才能随意的装修。那么我们要怎么建好才能建好写作的地基呢？1走直路，少弯路01利他：能够给别人带来价值。02吸引：吸住读者的眼球。03打动：打动人心，引起共鸣。04说服：用数据说话。05刻意：通过有意识的训练。06修改：好的文章至上修改10遍。07模仿：10万+的文章必有成功的道理
2021年周总结 03 Ruby之家
这周的生活过得也是比较快，因为暂时住的离公司有点距离，所以通勤时间相对较长一点，而在地铁上的一个半小时如何充分利用起来，则是我最近一直在思考的问题，2021年想让自己的生活都运行在计划中。(有时候自己想干一件事情就总是给自己找很多借口，想着以后怎么怎么样？然而哪有那么多的以后，能够方便当下的工作生活就立马执行就OK，这仅仅只是我此时想到背的很重的老人机笔记本电脑，也算是陪伴我快8年的—当时买的时候
mongodb3.03开启认证 21jhf mongodb
下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下：（百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
【Spark103】Task not serializable bit1129 Serializable
Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1. package spark.exampl
你所熟知的 LRU(最近最少使用) dalan_123 java
关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法 a、查询出最近最晚使用的项 b、给最近的使用的项做标记通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现你如何能够快速在链表定位对应的该项？这时候多
Javascript 跨域周凡杨 JavaScript jsonp 跨域 cross-domain
linux下安装apache服务器 g21121 apache
安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi 1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache：下载之后上传到linux的相关目录，这里指定为/home/apach
FineReport的JS编辑框和URL地址栏语法简介老A不折腾 finereport web报表报表软件语法总结
JS编辑框： 1.FineReport的js。作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
根据STATUS信息对MySQL进行优化墙头上一根草 status
mysql 查看当前正在执行的操作，即正在执行的sql语句的方法为: show processlist 命令 mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
本文介绍如何给Spring的Bean配置文件的Bean定义别名？原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
高性能mysql 之性能剖析 annan211 性能 mysql mysql 性能剖析剖析
1 定义性能优化 mysql服务器性能，此处定义为响应时间。在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。这是一个陷阱。资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
主外键和索引唯一性约束百合不是茶索引唯一性约束主外键约束联机删除
目标;第一步;创建两张表用户表和文章表第二步;发表文章 1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
线程的调度 bijian1013 java 多线程 thread 线程的调度 java多线程
1. Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。 2. 多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a)
查看日志常用命令 bijian1013 linux 命令 unix
一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log 二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。样例数据本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查 CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
【Hadoop十五】Hadoop Counter bit1129 hadoop
1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会再次出现无法登录的情况。今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。简单分析了一
java-75-二叉树两结点的最低共同父结点 bylijinnan java
import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
行业垂直搜索引擎网页抓取项目 carlwu Lucene Nutch Heritrix Solr
公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！这是详细需求：（1）通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。（2）程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。 &nbs
Java时区转换及时间格式 Cwind java
本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。问题描述：向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
readonly,只读，不可用 dashuaifu js jsp disable readOnly readOnly
readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事：使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）
LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com js Web
LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
[应用结构]入口脚本 dcj3sjt126com PHP yii2
入口脚本入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
haoop shell命令 eksliang hadoop hadoop shell
cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
MultiStateView不同的状态下显示不同的界面 gundumw100 android
只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
jQuery实现页面内锚点平滑跳转 ini JavaScript html jquery html5 css
平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
kafka offset迁移 kane_xie kafka
在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
android > 搭建 cordova 环境 mft8899 android
1 , 安装 node.js http://nodejs.org node -v 查看版本 2, 安装 npm 可以先从 https://github.com/isaacs/npm/tags 下载源码解压到
java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
记录一些函数用法 .Aky. 位运算 PHP 数据库函数 IP
高手们照旧忽略。想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧）当然用到了ip2long()函数把字符串转为整型数
sublime text 3 rust wudixiaotie Sublime Text
1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他