余笙.'
余笙.'

html与css 知识总结

HTML

html结构

HTML结构由、、等几部分组成

html>:定义整个html文档

head>:包含所有头部标签

在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> <p><strong>body>:定义html主体</strong></p> <h3><strong>html标签</strong></h3> <p style="margin-left:.8em;">html标签都是成对出现的，分为单标签和双标签</p> <p style="margin-left:.8em;">开始标签被称为开放标签，结束标签被称为闭合标签</p> <p><strong>标题标签</strong></p> <p style="margin-left:.8em;">标题标签通过<h1>-<h6>、<title>标签定义</p> <p style="margin-left:.8em;"><h1>定义最大标签，<h6>定义最小标签</p> <pre class="has" style="text-align:left;"><code class="language-md-end-block"><title>标题

标题一

标题二

标题三

....

meta标签

页面的元信息通过标签定义，可重复出现在标签中

使用 元素来描述HTML文档的描述，关键词，作者，字符集等。

段落标签

段落标签通过

标签定义

这是一段文字
这还是一段文字

hr 标签

创建水平分隔线通过

标签定义，hr元素可用于分隔内容

这是一段文字
这还是一段文字

br 标签

html 换行通过 br/>标签定义

这是
一段
文字

div标签

文档中的分区或节通过

标签定义，div>标签是块级元素，可以把3文档分割成独立、不同的部分

  
标题3
  
这是一段文字
  ...

mark标签

使文本中高亮显示某些字符通过标签定义

这是一段文字

cite标签

引用文档参考文献的说明通过标签定义，被定义的文档内容将以斜体的方式显示在页面中

这是一段文字

超链接标签

链接标签通过标签定义 href

这是一条链接

link标签

链接文档与外部资源之间的关系通过标签定义，通常用于CSS链接样式表

link：链接的颜色

alink：正在点击的颜色

vlink：已经访问的链接颜色

type类型

表格标签

html创建表格通过

标签定义，每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签：表格中的一行 属性：每一行标签内可嵌套多个
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。

标签：表格中的一列 标签：表格中的第一行和第一列 即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等

          

空单元格由“&”号开始，然后是空字符nbsp，并以分号结尾“；”

表单标签

html表单通过

标签定义，表单用于收集用户输入

 我是个大聪明

表单包含的表单元素是指：不同类型的input元素、复选框、单选按钮、提交按钮等等。

input元素：1、text：定义常规的文本输入的单行输入字段

2、radio：定义单选按钮输入（选择多个选择之一）

3、submit：定义提交按钮（提交表单）

定义用于向表单处理程序（form-handler）提交表单的按钮。

表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。

注释：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。

图像标签

图像标签通过标签定义 支持的格式有：jpg、gif、bmp、和png

预留格式

文本预格式化文本通过

标签定义 ，文本中的空格或换行会被保留
 
  
 文本中的   空格或    换行   都会保留
 
  
特殊字符标签
 
  
 
    
    
 
     特殊字符 
     描述 
     字符代码 
     特殊字符 
     描述 
     字符代码 
    
 
    
    
    
 
       
     空格符 
      ； 
     º 
     摄氏度 
     °； 
    
 
    
 
     < 
     小于号 
     <； 
     ± 
     正负号 
     ±； 
    
 
    
 
     > 
     大于号 
     >； 
     x 
     乘号 
     ×； 
    
 
    
 
     & 
     和号 
     &； 
     ÷ 
     除号 
     ÷； 
    
 
    
 
     ￥ 
     人民币 
     ¥； 
     ² 
     平方² 
     ²； 
    
 
    
 
     © 
     版权 
     ©； 
     ³ 
     立方³ 
     ³； 
    
 
    
 
     ® 
     注册商标 
     ®； 
       
       
       
    
 
    
  
 
  
文本格式化标签
 
  
粗体
 
  
文字以粗体方式显示 通过、标签定义
 
  
我爱你、我也爱你
 
  
斜体
 
  
文字以斜体方式显示 通过、标签定义
 
  
你是个傻子 、你也是个傻子
 
  
删除线
 
  
文字以加删除线的方式显示 通过、标签定义
 
  
下划线
 
  
文字以下划线的方式显示 通过、标签定义
 
  
男神任嘉伦、我爱任嘉伦
 
  
上标
 
  
文本以上标方式显示 通过标签定义
 
  
上标
 
  
下标
 
  
文本以下标方式显示 通过标签定义
 
  
下标
 
  
字体放大
 
  
文档内容放大显示 通过标签定义
 
  
字体放大
 
  
字体缩小
 
  
文档内容缩小显示 通过标签定义
 
  
字体放大
 
  
bdo标签
 
  
文字方向 通过标签定义
 
  
文本从左到右显示
 
  
html属性
 
  
对齐方式
 
  
文本的对齐方式通过 align属性定义 对齐方式：靠左、靠右、居中
 
  
靠左：
这是一段文字
靠右：
这是一段文字
居中：
这是一段文字
 
  
超链接属性
 
  
描述链接的目标
 
  
这是一条链接
 
  
一、href属性：链接的地址、链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等
 
  
二、target属性：作用：定义超链接的打开方式
 
  
属性值：1、blank：在一个新窗口中打开链接
 
  
2、seif（默认值）：在当前新窗口中打开链接
 
  
3、_parent：在父窗口中打开页面（框架中使用较多）
 
  
4、_top：在顶层窗口中打开文件（框架中使用较多）
 
  
三、name属性：指定页面的锚点名称
 
  
字体属性
 
  
size：字体大小   color:字体颜色   face:字体       
 
  
表格属性
 
  
 属性1="属性值1" 属性2="属性值2"……>表格内容
 
  
表格属性： 1、width属性：表格的宽度，值可以是像素（px）也可以是父级元素的百分百（%）
 
  
2、height属性：表格的高度，值可以是像素（px）也可以是父级元素的百分百（%）
 
  
3、border属性：表格的边框
 
  
4、align属性：
 
  
 
 
  
表格标题属性 位于
属性之后，表格行之前
表格align属性：1、top：标题放在表格上方
2、bottom：标题放在表格的下方
3、left：标题放在表格的左方
4、right：标题放在表格的右方
 
横跨两列的单元格：colspan (合并单元格)
 
  
 表格标题

横跨两行的单元格：rowspan (合并单元格)

单元格边距：cell padding

创建单元格内容与其边框之间的空白

单元格间距：cell spacing

增加单元格之间的距离

单元格背景颜色

单元格单个添加背景颜色

   
  First  Row
  Second  Row

、

1、bgcolor属性： bgcolor="颜色值"

2、align属性：bottom：靠顶端对齐

top：靠底部对齐

middle：居中对齐

3、valign属性： left：靠左对齐

right：靠右对齐

center：居中对齐

和属性

1、bgcolor：设置单元格背景

2、align：设置单元格对齐方式

3、valign：设置单元格垂直对齐方式

4、width：设置单元格宽度

5、height：设置单元格高度

6、rowspan：设置单元格所占行数

7、colspan：设置单元格所占列数

表单input属性

表单标记

常用属性：一、name：表单名称

二、method：传送数据的方式分为 post 和 get两种方式

1.get方式：会将表单里的内容附加在URL地址后边，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性

2.post方式：将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制

三、action：表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定3其属性为“no"

四、enctype：设置表单的资料的编码方式

五、target：和超链接的属于类似，用来指定目标窗口

文本输入

大聪明

单选按钮输入

大聪明是男的还是女的>大聪明是男的还是女的

提交按钮

 定义用于向表单处理程序（form-handler）提交表单的按钮。

注释

html注释用

 

C S S

第三章 初始css3

一、结构与分离

是指在网页设计中，HTML标签只用于搭建网页的基本结构，不使用标签属性设置显示样式，所有的样式交由CSS来设置

二、CSS样式规则

选择器{属性1：属性值1；属性2：属性值2；……}

注释：选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式，属性和属性值以“键值对”的形式出现，用英文“:”连接。对个“键值对”之间用英文“;”进行区分 如：h1{color：red；font-size：14px；……}

三、引入CSS样式表的方式

css样式表的方式有：行内式、内嵌式、链入式、导入式

1.行内式

也称内联样式，通过标签的 style 属性来设置元素的样式

格式：<标签名 style="属性1：属性值1；属性2：属性值2；……">内容

2.内嵌式

将CSS代码集中写在HTML文档的头部标签中，并且使用

3.链入式

也叫外链式，是将所有的样式放在一个或多个 以 .CSS 为扩展名的外部样式表文件中，通过标签将外部样式表文件链接到html文档中

语法：

href：定义所链接外部样式表文件的URL，可以是相对路径也可以是绝对路径

type：定义所链接文档的类型

rel：定义当前文档与被链接文档之间的关系，”stylesheet“表示被链接的文档是一个样式表文件

4.导入式

针对外部样式表文件，对html头部文档应用style标签，并在style标签内的开头使用@import 语句，即可导入外部样式表文件

语法：

四、css基础选择器

想将css样式应用于特定的HTML元素中，首先要找到该目标元素，在css中，执行这一任务的样式规则被称为选择器。选择器分为：标签选择器、类选择器、id选择器、通配符选择器

1.标签选择器

是指用html标签名作为选择器，按标签名称分类为页面中某一类标签指定统一的 css样式

语法：标签名{属性1：属性值1；属性2：属性值2；……}

2.类选择器

使用 . (英文点号)]()进行标识，后面紧跟类名

语法：.类名{属性1：属性值1；属性2：属性值2；……}

3.id选择器

使用”#“进行标识，后面紧跟id名

语法：#id名{属性1：属性值1；属性2：属性值2；……}

4.通配符选择器

用”*“号表示，它是所有选择器中作用范围最广的

语法：*{属性1：属性值1；属性2：属性值2；……}

五、设置文本样式

css字体样式属性有：font-size、font-family、font-weight、font-style、font、@font-face

1.font-size

设置文档字号，该属性的值可以使用相对长度单位也可使用绝对长度单位

语法：p{font-size：12px；}

属性：

相对长度单位 说明
em 倍率，相对于当前对象内文本的字体尺寸
px 像素
绝对长度单位 说明
in 英寸
cm 厘米
mm 毫米
pt 点

#####

2.font-family

用于设置字体，即微软雅黑、宋体、黑体等等

语法：p{fontfamily："微软雅黑"；}

注：1、各种字体之间必须使用英文状态下的逗号隔开

2、中文字体需要加英文状态下的引号“，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名称必须位于中文字体名称之前

例如：body{font-family：Arial，"微软雅黑"，"宋体"；/*正确书写*/}     body{font-family："微软雅黑"，"宋体"，Arial；/*错误书写*/}

3、如果字体中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号

3.font-weight

用以定义字体的粗细

语法：p{font-weight：bold；}
值 描述
normal 默认值，定义标准的字符
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100~900（100的整数倍） 定义由粗到细的字符，400等同于normal，700等同于bold，

#####

4.font-style

用于定义字体风格，如斜体、倾斜或正常字体

语法：p{font-style：italic；}
值 描述
normal 默认值，浏览器会显示标准的字体样式
italic 斜体，浏览器会显示斜体的字体样式
oblique 倾斜，浏览器会显示倾斜的字体样式

5.font

用于对字体样式进行综合设置

语法：选择器{font：font-style font-weight font-size/line-height font-family；}

使用font属性时必须按照上面的顺序书写，各个属性用空格隔开

6.@font-face

用于定义服务器字体，开发者可以在用户计算机未安装的字体时，使用任意的字体

语法：@font-face{        font-family：字体名称；        src：字体路径；      }

六、文本外观属性

css文本外观属性有：color、letter-spacing、word-spacing、line-height、text-transform、text-decoration、text-align、text-indent、white-space、text-shadow、text-overflow、word-wrap

1.color

用于定义文本颜色

语法：p{color：red；}

取值方式：1、预定义颜色值，如red、green、blue

2、十六进制，如#FF0000、#FF6600、#29D794等

3、RGB代码，如红色可以表示为 rgb（255，0，0）或rgb（255%，0%，0%）

2.letter-spacing

用于定义字间距，指字符与字符之间的空白

语法：p{letter-spacing：20px；}

3.word-spacing

用于定义英文单词之间的间距，letter-spacing都可设置间距。letter-spacing定义的为字母之间的间距，word-spacing定义的时单词之间的间距

语法：p{word-spacing：20px；}

4.line-height

用于设置行间距，即行与行之间的间距

语法：p{line-height：12px；}

5.text-transform

用于控制英文字符的大小写

值 描述
none 不转换（默认值）
capitalize 首字母大写
uppercase 全部字符转换为大写
lowercase 全部字符转换为小写

6.text-decoration

用于设置文本的下画线、上画线、删除线等

值 描述
none 没有装饰（正常文本默认值）
underline 下画线
overline 上画线
line-through 删除线

7.text-align

用于设置文本内容的水平对齐

值 属性
left 左对齐（默认值）
right 右对齐
center 居中对齐
justify 每一行被展开为宽度相等，左、右外边距是对齐

8.text-indent

用于设置首行文本的缩进

属性值可分为不同单位的数值，em字符宽度的倍数或相对于浏览器窗口宽度的百分比%，允许用负值

9.white-space

空白符的处理方式

值 描述
normal 常规（默认值）文本中的空格、空行无效，满行（到达区域边界）后自动换行
pre 预格式化，将文档中的书写格式保留空格、空行，原样显示
nowrap 空格空行无效，强制文本不能换行，内容超出边界也不会换行，若超出浏览器页面自动增加滚动条

10.text-shadow

为页面中的文字添加阴影效果

语法：选择器{text-shadow：h-shadow v-shadow blur color；}h-shadow：用于设置水平阴影的距离v-shadow：用于设置垂直阴影的距离blur：用于设置模糊半径color：用于设置阴影颜色

11.text-overflow

用于处理溢出的文本

语法：选择器{text-overflow：属性值；}clip：修建溢出的文本，不显示省略标签“……”ellipsis：用省略标签“……”代替被修建的文本，省略标签插入的位置是最后一个字符

12.word-wrap

用于实现长单词和URL地址的自动转换

语法：选择器{word-wrap：属性值；}
值 描述
normal 只在允许的断字点换行（浏览器保持默认处理）
break-word 在长单词或URL地址内部进行换行

第四章 CSS3选择器

一、属性选择器

1、E[att^=value]

E[att^=value]属性选择器：是指选择名称为E的标签，且该标签定义了att属性，att属性值包含前缀为 value的子字符串

如：div[id^=section]表示匹配包含id属性，且id属性值是以“section”字符串开头的div元素

2、E[att$=value]

E[att$=value]属性选择器：是指选择名称为E的标签，且该标签定义了att属性，att属性值包含后缀为 value的子字符串

如：div[id$=section]表示匹配包含id属性，且id属性值是以“section”字符串结尾的div元素

3、E[att*=value]

E[att*=value]属性选择器：是指选择名称为E的标签，且该标签定义了att属性，att属性值包含value的子字符串

如：div[id*=section]表示匹配包含id属性，且id属性值包含“section”字符串的div元素

二、关系选择器

 

三、兄弟选择器

四、格式化伪类选择器

五、伪元素选择器

第五章 盒子模型

盒子模型就是把HTML页面中的元素看作是一个方形的盒子，每个元素都由元素的内容、内边距（padding）、边框（border）、和外边距（margin）组成

一、盒子模型的相关属性

边框属性包括：边框样式属性、边框宽度属性、边框颜色属性、单侧边框属性、边框的综合属性

1、边框样式属性

border-style 用于设置边框样式属性，单边框样式border-top-style……

属性值 描述
none 没有边框，即忽略所有边框的宽度（默认值）
solid 边框为单实线
dashed 边框为虚线
dotted 边框为点线
double 边框为双实线 
综合边框样式：border-style：上边框样式、右边框样式、下边框样式、左边框样式border-style：上边框样式、左右边框样式、下边框样式border-style：上下边框样式、左右边框样式border-style：上下左右边框样式

2、边框宽度属性

border-width 用于设置边框的宽度，取值单位为像素

border-width：上边框宽度、右边框宽度、下边框宽度、左边框宽度border-width：上边框宽度、左右边框宽度、下边框宽度border-width：上下边框宽度、左右边框宽度border-width：上下左右边框宽度

3、边框颜色属性

border-color 用于设置边框的颜色

border-color：上边框颜色、右边框颜色、下边框颜色、左边框颜色border-color：上边框颜色、左右边框颜色、下边框颜色border-color：上下边框颜色、左右边框颜色border-color：上下左右边框颜色

如果需要将已有的边框设置为暂时不可见，可以使用“border-color：transparent”，

注：设置边框颜色时同样必须设置边框样式，如果未设置样式或设置为none，则其他边框属性无效

 使用RGB模式设置颜色时，如果括号里面的数值为百分比，必须把“0”也加上百分比

4、单侧边框属性

border-left、border-right……用于设置单侧边框属性

border-top：2px    上边框             border-left：2px   左边框border-bottom：2px 下边框             border-right：2px  右边框

5、综合设置边框

border-style、border-width、border-color 可以实现综合边框样式

如：p{border-style：solid； border-width：2px； border-color：green；}

6、内边距属性

padding 属性用于设置内边距（复合属性）

内边距也称内填充，指的是 元素内容与边框之间的距离

padding-top：上内边距；             padding-left：左内边距；padding-bottom：下内边距；          padding-right：右内边距；padding：上下左右内边距；

padding相关属性的取值可以为auto（自动），常用单位是像素px，不允许使用负值

7、外边距属性

margin 属性用于设置外边距（复合属性）

外边距指的是 标签边框与相邻标签之间的距离

margin-top：上外边距                  margin-left：左外边距margin-bottom：下外边距               margin-right：右外边距margin：上下左右外边距

margin取值遵循值复制的原则，margin外边距可以使用负值，使相邻标签发生重叠

对块级元素应用宽度属性width， 并将左右的外边距都设置为auto，可以使块级元素水平居中

二、背景属性

背景属性有：背景颜色、背景图像、背景图像平铺、背景图像位置、背景图像固定、综合设置元素背景

1、背景颜色属性

background-color 属性用于设置网页元素的背景颜色，默认值为 transparent，背景透明

可以使用预定义颜色、十六进制#1122dd或RGB代码（r，g，b）

如： h2{background-color：#CCC；}     标题的背景颜色 body{background-color：#36C；}   主体的背景颜色

2、背景图像属性

background-image 属性用于设置背景图像

如：body{background-image：url（bg.jpg）；}   设置网页的背景图像

3、背景图像平铺

background-repeat属性用于设置 背景图像平铺，背景图像会自动沿着水平和竖直两个方向平铺

属性 描述
repeat 沿水平和竖直两个方向平铺（默认值）
no-repeat 不平铺（图像位于元素的左上角，只显示一次）
repeat-x 只沿水平方向平铺
repeat-y 只沿垂直方向平铺

4、背景图像位置

background-position 属性用于设置背景图像的位置

background-position属性的值通常为两个，中间用空格隔开，用于定义背景图像在元素的水平和垂直方向的坐标

1、使用不同单位（最常用的是像素px）的数值

如：background-position：20px 20px   直接设置图像左上角在元素中的坐标

2、使用预定义的关键字：指定背景图像在元素中的对齐方式

水平方向值 left、center、right
垂直方向值 top、center、bottom

3、使用百分比：按背景图像和元素的指定点对齐

0% 0% 表示图像左上角与元素的左上角对齐
50% 50% 表示图像50% 50% 中心点与元素50P%的中心点对齐
20% 30% 表示图像200%的点与元素200%的点对齐
100% 100% 表示图像右下角与元素的右下角对齐

5、背景图像固定

background-attachment 属性设置背景图像的固定 图像会随着页面滚动条的移动而移动

scroll 图像随着页面一起滚动（默认）
fixed 图像固定在屏幕上，不随页面滚动

6、综合设置元素的背景

可以将背景相关的样式综合定义在一个复合属性background中

语法：background： 背景色 url（“图像”） 平铺 定位 固定 background：url（“he.png”） no-repeat 50px 50px fixed;

7、背景图像占满全屏

width：100% height:100%

覆盖 background-size：cover（占满全屏）

三、颜色透明度

1、rgba模式

rgba模式是在红、绿、蓝三颜色的基础上添加了不透明度参数

语法：rgba{r，g，b，alpha}

alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的数字

如：p{background-color：rgba（255，0，0，0.5）；}

2、opacity属性

opacity属性能使任何元素呈现出透明效果，用于定义标签的不透明度

语法：opacity：参数；

参数表示不透明度的值 ，它是介于0~1之间的浮点数值

0表示完全透明，1表示完全不透明，0.5表示半透明

四、圆角边框

border-radius 属性用于设置圆角边框，包含两个参数，即水平半径参数和垂直半径参数

参数之间用“/”隔开，参数的取值单位可以是像素（px）或半分比（%）

border-radius（左上角、右上角、右下角、左下角）

语法：border-radius：水平半径参数1 水平半径参数2 水平半径参数3 水平半径参数4/垂直半径参数1 垂直半径参数2 垂直半径参数3 垂直半径参数4；

设置显示效果为圆形：

语法：img{border-radius：150px；}  或  img{border-radius：50%；}

五、图片边框

border-image 属性 可以使用图片作为元素的边框（复合属性）

内部包含：border-image-source、border-image-slice、border-image-width、border-image-outset、border-image-repeat

属性 描述
border-image-source 指定图片的路径
border-image-slice 指定边框图像顶部、右侧、底部、左侧向内偏移量（可以简单地理解为图片的裁切位置）
border-image-width 指定边框宽度
border-image-outset 指定边框背景向盒子外部延伸的距离
border-image-repeat 指定背景图片的平铺方式

六、阴影

box-shadow 属性可以对盒子添加阴影效果

语法：box-shadow：h-shadow v-shadow blur spread color outset
属性 描述
h-shadow 表示水平阴影的位置，可以为负值（必选属性）
v-shadow 表示垂直阴影的位置，可以为负值（必选属性）
blur 阴影模糊半径（可选属性）
spread 阴影扩展半径，不能为负值（可选属性）
color 阴影颜色（可选属性）
outset/inset 默认为外阴影/内阴影（可选属性）

七、渐变

渐变包括 线性渐变、径向渐变 和 重复渐变

1、线性渐变

起始颜色会沿着一条直线按顺序过渡到结束颜色

background-image：linear-gradient（参数值）；可以实现线性渐变的效果

语法：background-image：linear-gradient（渐变角度，颜色值1，颜色值2……，颜色值n）；

linear-gradient用于定义渐变方式为线性渐变，括号内用于设定渐变角度和颜色值

（1）渐变角度：

渐变角度 是指水平线与渐变先之间的夹角，以deg为单位的角度数值或“to”加 left、right、top、 bottom等关键词，在使用角度设定渐变起点的时候，0deg对应“to top”，90deg对应“to right”，180deg对应“to bottom”，270deg对应“to left”，整个过程以bottom为起点顺时针旋转当未设置渐变角度时，会默认为“180deg”等同于“to bottom”

（2）颜色值：

颜色值 用于设置渐变颜色，"颜色值1" 代表起始颜色，”颜色值n“代表结束颜色，起始颜色和结束颜色之间可以添加多个颜色值。颜色值之间用“逗号，”隔开

2、径向渐变

起始颜色会从一个中心点开始，按照椭圆或圆形形状进行扩张渐变

background-image：radial-gradient（参数值）；可以实现径向渐变的效果

语法：background-image：radial-gradient（渐变形状 圆心位置，颜色值1，颜色值2……，颜色值n）；

radial-gradient 用于定义渐变方式为径向渐变，括号内的参数值用于设定见渐变形状、圆心位置和颜色值

（1）渐变形状

渐变形状 用来定义径向渐变的形状，其取值可以是定义水平和垂直半径的像素值或百分比，也可以是相应的关键词，关键词主要包括两个值“circle”和“ellipse”。

属性值：

像素值/百分比：用于定义圆心的水平和垂直坐标，可以为负值

如：“80px  50px”表示一个水平半径为80，垂直半径为50px的椭圆形

circle：指定圆形的径向渐变

ellipse：指定椭圆形的径向渐变

（2）圆心位置

圆心位置 用于确定元素渐变的中心位置，用“at”加上关键词或参数值来定义径向渐变的中心位置该属性类似于“background-position”属性值。

属性值：

像素值/百分比：用于定义圆心的水平和垂直坐标，可以为负值

left：设置左边为径向渐变圆心的横坐标值

center：设置中间为径向渐变圆心的横坐标值或纵坐标

right：设置右边为径向渐变圆心的横坐标值

top：设置顶部为径向渐变圆心的纵坐标值

bottom：设置底部为径向渐变圆心的纵坐标值

（3）颜色值

颜色值 用于设置渐变颜色，"颜色值1" 代表起始颜色，”颜色值n“代表结束颜色，起始颜色和结束颜色之间可以添加多个颜色值。颜色值之间用“逗号，”隔开

3、重复渐变

重复渐变包括：重复线性渐变和重复径向渐变

（1）重复线性渐变

background-image：repeating-linear-gradient（参数值）；样式可以实现重复线性渐变的效果

语法：background-image：repeating-linear-gradient（渐变角度，颜色值1，颜色值2…，颜色值n）；

repeating-linear-gradient（参数值） 用于定义渐变方式为重复线性渐变，分别用于定义渐变角度和颜色值，颜色值同样也可以使用百分比定义。括号内的参数与线性渐变的参数值一样

（2）重复径向渐变

background-image：repeating-radial-gradient（参数值）；样式可以实现重复径向渐变的效果

语法：background-image：repeating-radial-gradient（渐变形状 圆心位置，颜色值1，颜色值2……，颜色值n）；

repeating-radial-gradient（参数值） 用于定义渐变方式为重复径向渐变，分别用于定义渐变形状、圆心位置和颜色值。括号内的参数与径向渐变的参数值一样

八、多背景图像

通过background-image、background-repeat、background-position和background-size等属性实现多重背景图像，各属性之间用逗号隔开

1、修建背景图像

1、设置背景图像的大小

background-size 属性用于控制背景图像的大小

语法：backgroung-size： 属性值1 属性值2；

可以设置一个或两个值定义背景图像的宽度，属性值1是必选属性值，属性2是可选属性值

属性值可以是：像素值、百分比或“cover”和“contain” 关键字

background-size属性：

属性值 描述
像素值 设置背景图像的高度和宽度，第一个值设置宽度，第二个值设置高度，如果只设置第一个值，第二个值会默认为auto
百分比 以父标签的百分比来设置背景图像的宽度和高度，第一个值设置宽度，第二个值设置高度，如果只设置第一个值，第二个值会默认为auto
cover 把背景图像扩展足够大，使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中
contain 把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域

2、设置背景图像的显示区域

background-origin 属性 自行定义背景图像的相对位置

语法：background-origin：属性值；
属性 描述
border-box 背景图像相对于边框来定位
contect-box 背景图像相对于内容框来定位
padding-box 背景图像相对于内边框区域来定位

3、设置背景图像的裁剪区域

background-clip 属性 用于定义背景图像的裁剪区域

语法：background-clip：属性值；
属性 描述
border-box 默认值，从边框区域向外裁剪背景
content-box 从内容区域向外裁剪区域
padding-box 从内边距区域向外裁剪区域

九、元素的类型和转换

1、元素的类型

一般分为 块元素和 行内元素

1、块元素

块元素以区域块的形式出现，每个块元素通常会独自占一行或多行，可以设置高度、宽度、对齐等属性

常用于网页布局和网页结构的搭建

常见的块元素有：

~

、

、

、

你可能感兴趣的:(css,html,学习,前端)

  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • 回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录leetcode算法职场和发展
    重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
  • Python数据分析与可视化实战指南 William数据分析 pythonpython数据
    在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
  • 2019-12-22-22:30 涓涓1016
    今天是冬至，写下我的日更，是因为这两天的学习真的是能量的满满，让我看到了自己，未来另外一种可能性，也让我看到了这两年这几年的过程中我所接受那些痛苦的来源。一切的根源和痛苦都来自于人生，家庭，而你的原生家庭，你的爸爸和妈妈，是因为你这个灵魂在那一刻选择他们作为你的爸爸和妈妈来的，所以你得接受他，你得接纳他，他就是因为他的存在而给你的学习和成长带来这些痛苦，那其实是你必然要经历的这个过程，当你去接纳的
  • 将cmd中命令输出保存为txt文本文件 落难Coder Windowscmdwindow
    最近深度学习本地的训练中我们常常要在命令行中运行自己的代码，无可厚非，我们有必要保存我们的炼丹结果，但是复制命令行输出到txt是非常麻烦的，其实Windows下的命令行为我们提供了相应的操作。其基本的调用格式就是：运行指令>输出到的文件名称或者具体保存路径测试下，我打开cmd并且ping一下百度：pingwww.baidu.com>./data.txt看下相同目录下data.txt的输出：如果你再
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • GitHub上克隆项目 bigbig猩猩 github
    从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Pythonpython开发语言大数据数据分析数据挖掘
    大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
  • 人工智能时代，程序员如何保持核心竞争力？ jmoych 人工智能
    随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一趋势,程序员应该如何应对?是专注于某个领域深耕细作，还是广泛学习以适应快速变化的技术环境?又或者，我们是否应该将重点转向AI无法轻易替代的软技能？让我们一起探讨程序员
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 阶段总结反思 轻争
    马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥
  • ARM驱动学习之基础小知识 JT灬新一 ARM嵌入式arm开发学习
    ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
  • ARM驱动学习之5 LEDS驱动 JT灬新一 嵌入式C底层arm开发学习单片机
    ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
  • ARM驱动学习之4小结 JT灬新一 嵌入式C++arm开发学习linux
    ARM驱动学习之4小结#include#include#include#include#include#defineDEVICE_NAME"hello_ctl123"MODULE_LICENSE("DualBSD/GPL");MODULE_AUTHOR("TOPEET");staticlonghello_ioctl(structfile*file,unsignedintcmd,unsignedlo
  • 展现思维导图魅力，不断挖掘人生宝藏 思维导图讲师Mandy
    第13期最强思维导图训练营已经结束一周了，但是我依旧是感觉所有学员还在努力的学习，这些学员中有教师、学生、白领、公务员、宝妈等等，只要你努力，只要你想改变自己，任何行业，任何岗位都可以参与进来，28天足以让你见成效，在这28天中，我们的学员不仅仅是收获了一枚毕业证，最重要的是让自己的思维方式得到升级，今天的你为自己投资，明天的你就会感谢你今天的付出，我们来听一听来自13期最强思维导图训练营优秀学员
  • 2019-3-23晨间日记 红红火火小耳朵
    今天是什么日子起床：7点40就寝：23点半天气：有太阳，不过一会儿出来一会儿进去特别清爽的凉意，还蛮舒服的心情：小激动要给女朋友过生日啦纪念日：田田女士过生日任务清单昨日完成的任务，最重要的三件事：1.英语一对一2.运动计划3.认真护肤习惯养成：调整状态周目标·完成进度英语七天打卡（5/7）轻课阅读（87/180）音标课（25/30）读书（福尔摩斯一章）学习·信息·阅读#英语课#Cookingte
  • 分享100个最新免费的高匿HTTP代理IP mcj8089 代理IP代理服务器匿名代理免费代理IP最新代理IP
      推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/     120.198.243.130:80,中国/广东省 58.251.78.71:8088,中国/广东省 183.207.228.22:83,中国/
  • mysql高级特性之数据分区 annan211 java数据结构mongodb分区mysql
    mysql高级特性 1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。 2 分区的原理 分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层 表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是
  • JS采用正则表达式简单获取URL地址栏参数 chiangfai js地址栏参数获取
    GetUrlParam:function GetUrlParam(param){ var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null
  • 怎样将数据表拷贝到powerdesigner (本地数据库表) Array_06 powerDesigner
    ================================================== 1、打开PowerDesigner12，在菜单中按照如下方式进行操作 file->Reverse Engineer->DataBase 点击后，弹出 New Physical Data Model 的对话框 2、在General选项卡中 Model name:模板名字，自
  • logbackのhelloworld 飞翔的马甲 日志logback
    一、概述 1.日志是啥？ 当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print(); 当我项目工作时，以为是一堆得.log文件。 这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。 传送门1：日志的作用与方法： http://www.infoq.com/cn/articles/why-and-how-log 上面的作
  • 新浪微博爬虫模拟登陆 随意而生 新浪微博
    转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235     近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。      现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求
  • synchronized 香水浓 javathread
        Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然
  • maven 简单实用教程 AdyZhang maven
    1. Maven介绍  1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源 见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo
  • Android 通过 intent传值获得null aijuans android
    我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9 public void getMap(View view){            Intent i =
  • apache 做代理 报如下错误：The proxy server received an invalid response from an upstream baalwolf response
    网站配置是apache＋tomcat,tomcat没有报错，apache报错是： The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr
  • Tomcat6 内存和线程配置 BigBird2012 tomcat6
    1、修改启动时内存参数、并指定JVM时区 （在windows server 2008 下时间少了8个小时） 在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数：  window下， 在catalina.bat最前面 set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5
  • Karam与TDD bijian1013 KaramTDD
    一.TDD         测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。         TDD的原则很简单： a.只有当某个
  • [Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States bit1129 zookeeper
    public enum States { CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态 ASSOCIATING, //？？？ CONNECTED, //链接建立，可以与Zookeeper服务器正常通信 CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在
  • 【Scala十四】Scala核心八：闭包 bit1129 scala
    Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x
  • android发送json并解析返回json ronin47 android
    package com.http.test; import org.apache.http.HttpResponse; import org.apache.http.HttpStatus; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import
  • 一份IT实习生的总结 brotherlamp PHPphp资料php教程php培训php视频
    今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来
  • 据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 将重物放到天平左侧，问在两边如何添加砝码 bylijinnan java
    public class ScalesBalance { /** * 题目： * 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 （假设N无限大，但一种重量的砝码只有一个） * 将重物放到天平左侧，问在两边如何添加砝码使两边平衡 * * 分析： * 三进制 * 我们约定括号表示里面的数是三进制，例如 47=(1202
  • dom4j最常用最简单的方法 chiangfai dom4j
    要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要
  • 简单HBase笔记 chenchao051 hbase
     一、Client-side write buffer 客户端缓存请求 描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。 可以使用getWriteBuffer()方法来取得客户端缓存中的数据。 默认关闭。 二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使
  • mysqldump导出时出现when doing LOCK TABLES daizj mysqlmysqdump导数据
    　　执行　mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql　 导出表时，会报 mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES 解决
  • CSS渲染原理 dcj3sjt126com Web
      从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？          一、浏览器的发展与CSS           
  • 《阿甘正传》台词 dcj3sjt126com
    Part Ⅰ: 《阿甘正传》Forrest Gump经典中英文对白 Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol
  • Java处理JSON dyy_gusi json
    Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。 在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下： 1、读取json然后处理 class ReadJSON { public static void main(String[] args)
  • win7下nginx和php的配置 geeksun nginx
    1.  安装包准备 nginx :  从nginx.org下载nginx-1.8.0.zip php： 从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。 RunHiddenConsole: 用于隐藏命令行窗口   2. 配置 # java用8080端口做应用服务器，nginx反向代理到这个端口即可 p
  • 基于2.8版本redis配置文件中文解释 hongtoushizi redis
    转载自： http://wangwei007.blog.51cto.com/68019/1548167        在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server   xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文
  • 第五章 常用Lua开发库3-模板渲染 jinnianshilongnian nginxlua
    动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。   如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r
  • JZSearch大数据搜索引擎 颠覆者 JavaScript
    系统简介： 大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引
  • 10招让你成为杰出的Java程序员 pda158 java编程框架
    如果你是一个热衷于技术的  Java 程序员， 那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。 　　 1. 拥有扎实的基础和深刻理解 OO 原则 　　对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言
  • tomcat之oracle连接池配置 小网客 oracle
    tomcat版本7.0 配置oracle连接池方式： 修改tomcat的server.xml配置文件： <GlobalNamingResources> <Resource name="utermdatasource" auth="Container" type="javax.sql.DataSou
  • Oracle 分页算法汇总 vipbooks oraclesql算法.net
        这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！ -- Oracle 分页算法一 select * from ( select page.*,rownum rn from (select * from help) page -- 20 = (currentPag