2017年07月_qq_39366219

转载 css特殊图形

css特殊图形制作三角形使用的是border属性，内容区宽高值为0span{display:inline-block;width:0px;height:0px;border-top:50px solid red;border-left:50px solid blue;border-right:50px solid orange;border-bottom

2017-07-20 09:58:53 317

转载动画animation

动画animation@keyframes规则如需在css3中创建动画，需要学习@keyframes规则。@keyframes规则用于创建动画。在@keyframes中规定某项css样式，就能创建由当前样式逐渐改为新样式的动画效果。写规则时至少包含两个属性：规定动画的名称；规定动画的时长写好规则，再使用animation属性来应用到某个元素animation

2017-07-20 09:57:20 293

转载过度Transition与transform 转换

过度Transitioncss的transition允许css的属性值在一定的时间区间内平滑的过渡语法格式transition：属性名时间速度曲线何时开始transition：width 2s ease-in 2s;-webkit-transition:width 2s ease-in 3s; width 因为我们是为宽度写了hover后的值，所以如果这里写h

2017-07-20 09:56:15 782

转载 css3基础样式边框阴影字体

css3基础样式边框阴影字体关于边框border-radius border-radius：0px 10px 20px 0px;设置四个方向的值box-shadow css中的box-shadow属性被用来添加阴影。书写格式box-shadow:水平阴影的位置垂直阴影的位置模糊距离颜色；box-shadow:10px 20px; 5px

2017-07-20 09:55:16 385

转载 css继承

css继承所谓css的继承是指被包在内部的标签将拥有外部标签的样式性质。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。例如一个body定义了颜色值也会应用到段落的文本中。继承的局限性在css中，继承是非常自然的行为，但是继承也有局限性。有些属性是不能继承的，比如border属性用来设置边框，它就没有继承性。padding和marg

2017-07-20 09:54:24 204

转载清除浮动

清除浮动三种方式：1.使用伪元素清除浮动.box::after{content:"";clear:both;display:block;}.left,.right{width:100px;height:100px;background:#fff;float:left;}2.使用overflow：hidden清除浮动.box{overflow:hidden

2017-07-18 10:33:05 180

转载浏览器内核

浏览器内核以及其前缀根据不同的浏览器内核，css前缀会有不同。最基本的浏览器内核有如下四种，其他的内核都是基于此四种进行再研发的1.Gecko 内核前缀为-moz- 火狐浏览器2.Webkit 内核前缀为-webkit- 也叫谷歌内核，chrome浏览器最先开发使用，Safari浏览器也使用该内核。国内很多浏览器也使用了webkit内核，如360极速、世界之窗、猎豹等

2017-07-18 10:32:06 200

转载盒子模型

盒子模型w3c组织建议把网页上元素看成一个个盒子。盒子模型主要定义四个区域：内容（content）、内边框（padding）、边框（border）、外边框（margin）。css盒子模型的属性内容属性：宽=width 高=height（宽和高组成了content的内容区）内边距属性：padding如果设置了背景图，那图片会延伸到padding的位置。paddin

2017-07-18 10:30:14 319

转载优先级计算

优先级计算优先级数值比较：以数值大的为准 style=1000id=100class=10element=1所以有：ID>CLASS>元素>*important>内联>ID>类>标签|伪类|属性选择器>伪元素>继承>通配符

2017-07-17 13:30:34 371

转载浮动、定位、display属性

浮动float是css样式中的定位属性，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于HTML文档流，需要用清除浮动把文档拽回文档流中。（float值： left 向左浮动；right 向右浮动）网页中大部分对象默认是占用文档流，不过有四种情况使得元素离开文档流：浮动float、绝对定位absolute、相对浏览器定位fixed、元素不显示display：none；这四

2017-07-16 21:32:49 723

转载 css的选择器

css的其他选择器（基础选择器、关系选择器、属性选择器、伪类选择器、伪对象选择器）关系选择器1.包含选择器（E F）如:ul li{color:red;}2.子选择器（E>F）E元素的直接子元素F,对更深一层的元素不起作用3.相邻选择器（E+F）E元素之后的F元素,选择相邻的第一个兄弟元素4.兄弟选择器（E~F）E元素之后的所有兄弟元素F,作用于多个元素属性选择器

2017-07-16 21:29:03 232

转载 css基础样式

css基础样式常见的一些样式1.color:red; 字体颜色2.font-family:Microsoft YaHei;字体样式3.text-align:center; 文字内容居中显示，它有其他可选值 left right；针对元素内容或行内元素4.background-color:red 背景色5.border:1px solid green; 为元素添加边框

2017-07-16 21:26:32 218

转载 css css样式表选择器声明

css部分css指层叠样式表（cascading style sheets），它们控制网页内容的外观。使用css设置页面样式时，可以将内容与表现形式分开。网页内容（HTML代码）驻留在HTML文件自身中，而css驻留在另一个文件中（外部样式表*.css）或HTML文档的另一部分（通常为文件头部分）中。写页面时要做到结构（HTML）、样式（css）、行为（js）相分离，

2017-07-16 21:24:44 1558

转载 html5新增语义化标签

html5新增语义化标签一、header 页面头部footer 页脚article 定义页面独立的内容区域一般为文章aside 定义页面的侧边栏内容details 文档某个部分的细节summary 是details中的标题time 定义日期或时间ruby 标注拼音mark 标记nav 导航链接二、1.progress 进度标签（ v

2017-07-16 21:20:22 282

转载服务器搭建

服务器搭建xampp下载及安装下载地址：https://www.apachefriends.org/zh_cn/index.html，找到XAMPP for Windows 点击下载下载安装（最好别放在C盘）使用方法：打开xampp在安装路径下找到htdocs文件夹把你写的带有form的HTML文件拷贝到htdocs下访问localhost（本地地

2017-07-15 21:50:10 342 2

转载表单

html实体字符一般格式 &+实体+；实体字符对大小写是敏感的常用的实体字符：大于> 小于 < 引号 " >> » 空格版权 ©实体字符对照表http://tool.xker.com/htmlchar.php

2017-07-15 21:43:30 230

转载实体字符

html实体字符一般格式 &+实体+；实体字符对大小写是敏感的常用的实体字符：大于> 小于 < 引号 " >> » 空格版权 ©实体字符对照表http://tool.xker.com/htmlchar.php

2017-07-15 21:41:23 385

转载矢量图与位图

页面中常见的图像格式矢量图与位图矢量图是放大缩小不会失真的图形，如svg画出的图位图，也叫像素图，好比一幅大的拼图，每一块就是一个像素，有jpg,png,gif。jpg、bmp格式的图片比png格式的体积大，所以尽量不用jpg和bmp格式的图片web优先使用png照片、色彩要求高的图片 jpgweb 中的小动画 GIFUI设计图一般是PSD

2017-07-15 21:39:00 261

转载表格布局

表格布局 table>tr>td/th(加粗的td) table相关属性边 border跨行 rowspan="2"跨列 colspan="3"宽 width高 height排列属性 align，可居中显示表格对于复杂的表格，可以分为：题头thead，正文tbody，脚注tfoot 三部分，使用这三部分可以

2017-07-15 20:50:44 396

转载页面布局

页面布局常见三种方式：Frameset布局，Table布局，Div布局Frameset框架集（三个标签：Frameset标签、frame标签、iframe标签）使用frameset是不可以和body同时使用，因为它们是同级的，一个frame引导一个html文档。一个框架集可包含多个html文档。frameset示例：

2017-07-15 20:38:58 322

转载请求响应模型

请求响应模型通过网址发送一个请求到服务器请求看某个页面；服务器通过请求，把页面的源码传到你浏览器中；接到的页面源码，通过浏览器解析变成页面。HTML文档&浏览器解析器&DTD文档的关系HTML文档：是一堆代码，用户无法直接看浏览器解析：把代码解析转换成图片、文字用户可以看的内容DTD文档：你HTML文档的规范，规定了使用哪个版本的HTML。

2017-07-15 20:37:15 444

转载行内元素与块元素

一、行内元素与块元素行内元素也叫内联元素，块元素有的也叫行元素行级元素和块级元素元素是通过display的属性值来划分的：block块元素 inline元素 inline-block行内块元素块级元素的特点：1、总是在新行上开始，占据一整行；2、高度，行高以及外边距和内边距都可控制；3、宽在未设置情况下与浏览器宽度一样，与内容无关；4、它可以容纳内联元素和其

2017-07-15 20:36:23 359

转载什么是HTML 和 DTD文档声明

什么是HTML 它是“超文本标记语言”，英文全称是HyperText Markup Language, 简称HTML。HTML文档是由标签组成的描述性文本，HTML标签可以描述文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主题（Body）两大部分。头部描述浏览器所需的信息，主体包含所说的具体内容。 html 分为闭合标签（双闭合）自闭合标签（单闭合）HTML

2017-07-05 09:07:48 562

转载开发工具《webstorm》

开发工具《webstorm》1、如何更改主题（字体&配色） file->setting->editor->colors&fonts->scheme选择你的主题（darcula）。2、如何让webstorm启动的时候不打开工程文件 file->setting->Appearance&Behavior->System settings 去掉 reopen last porject

2017-07-05 08:36:24 241

qq_39366219的博客