css 不大常见的属性(不断更新中...)

1 英语或数字强制换行 word-break:break-all; 2 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果 -webkit-overflow-scrolling:touch 3 改变input的placeholder的字体颜色 input::-webkit-input-placeholder{color:#999;} input:focus::-webkit-input-placeholder{color:#999;} 4 某一行出现省略号 disp…

css的再深入7（更新中···）

1.transparent 透明的 2.placeholder 提示语写页面搞清结构层次, 保证模块化,让他们之间不能受到影响 (1) 元素性质 (2) 标准流浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级. 1.css可以继承的属性有哪些? Font 系列 text系列 color line-height 2.border-radius的值的问题四个值的顺序是左上…

css的再深入6（更新中···）

background-position 雪碧图我们的html和css中有三个属性可以向服务器发送请求,src href url. overflow (1) 值hidden 超出就隐藏 (2) 值scroll 出现滚动条 visibility:hidden; 可见的 (消失但是占用位置) display:none;消失但不占用位置为什么使用雪碧图? 因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来了,然后使用background-position调位置,从而减少了该页面…

CSS的再深入2（更新中···）

在上一章中,我们又引出了一个知识点: margin的问题 margin:0 auto:(上下为0,左右自适应)会解决元素的居中问题(auto 自适应)前提是给这个元素设置width 同时,我们又要学习新的知识: CSS的两个性质和一个标准 1.继承性:后代会继承父系的一些属性(font系列.color.text系列.line-height),这种现象叫做继承现象. 2.层叠行 (1)选不中的情况下,走继承性.继承性的权重为0. 如果这个元素有多个父级设置了这样的样式,走就近原则,即哪个父级离它最…

前端常用场景总结CSS/JS/插件（实用篇更新中...）

<div class="box box1"> <span>垂直居中</span> </div> .box1{ display: table-cell; vertical-align: middle; text-align: center; } .box2{ display: flex; justify-content:center; align-items:Center; } a链接禁止点击跳转 javascript:void(0);…

css的再深入9（更新中···）

一单位 1.px 就是一个基本的单位像素 2.em 也是一个单位用父级元素的字体大小乘以em前面的数字.如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px. 3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px. 4.line-height 行高 line-height:2; 行高值是当前数字2乘以元素字体大小. 二浏览器浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的. 每个浏览器都有自己的前缀,主要解决…

CSS的再深入5（更新中···）

页面布局结构层:搭我们的页面框架. 布局层:针对框架内部结构进行排版. 不需要使用浮动解决的问题尽量不用. 使用浮动之后会使该元素脱标,并且该元素的margin. div 盒子模型 : 就是一个容器,可以装任何标签. 盒子实际占用的空间盒子的实际宽高和高度如何理解盒子模型细节性的问题块级元素的宽如果没有设置宽度,就是父级的宽,如果没有设置高度根据内容而定. 结构选择器 (同一父级下子标签同级同标签名时使用,用法标签名:nth-of-type(序号/或者说是第几个) div:nth-o…

CSS的再深入3（更新中···）

在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right:(左浮/右浮) 效果:元素都加浮动,后面的元素紧跟前面的元素并排排列第一个加了float,脱离了标准文档流,对于浏览器来说,第二个元素就变成了标准文档流中的第一个,于是就会把他排在第一位.而第一个依然存在,所以就会叠加. 行级加float A.只要加了float,这个元素就会脱离标准文档流:行级元素加了float…

hightchart属性（更新中...）

legend:{ layout: 'vertical', //legend中内容垂直放置 align: 'right', //放在图表右边 verticalAlign: 'middle', //legend在垂直方向的位置 top在顶部 middle在中间不写在底部x: -70, y: 30, floating: true, //浮动如果为true legend部分就嵌入图表中了 borderWidth: 1, shadow: f…

WCF之常见异常整理(不断更新中...)

系统Win7 IIS7.5 异常1.找不到具有绑定 NetTcpBinding 的终结点的与方案 net.tcp 匹配的基址.注册的基址方案是 [http]. 产生原因:网站没有配置net.tcp协议,网站默认只有http协议解决方案:打开IIS选择编辑网站下的绑定,配置net.tcp协议,具体操作可自行搜索. 疑问:网站正确配置了net.tcp协议,还报这个错误? 可能原因:端口不对,比如在IIS中配置的net.tcp协议的端口1000,可能在Visul Studio中右键打开svc文…

css的再深入8（更新中···）

1.去滚动条的属性 overflow:hidden; overflow-x:hidden; 水平超出的隐藏. 2.z-index 层次叠加元素重叠谁的值大谁在上面 (1) 父级出现position:relative:时候z-index失效 (2) 层叠元素出现float的时候会失效 (3) 层叠元素也得设置position:absolute/fixed. 3.background-position属性的三种属性值: background-position:100px 300px; backg…

css的再深入4（更新中···）

两种居中的方式: Margin:0 auto;和text-align:center; Margin的居中是对自身,text-align对元素内部的文本来说. 隐藏的两种方式: visibility:hidden:和display:none; visibility 隐藏了还占用着空间,display隐藏了之后不占用空间了. Position位置只要使用定位,必须要有一个相对的参照物.即relative 具体定位的那个元素需要加position:absolute;绝对的绝对的 :就是具体到某一个…

Android开发面试经——4.常见Android进阶笔试题（更新中...）

Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http://blog.csdn.net/finddreams/article/details/44301359 上一篇文章我们已经了解了Android笔试的一些基础题目, [<Android开发面试经——2.常见Android基础笔试题> ] (http://blog.csdn.net/finddreams…

css z-index属性使用过程中遇到的问题

z-index属性在web开发中会经常使用,其主要的作用简单的说就是把元素的position设置为absolute.fixed之后,可以调节元素在文档上的层级关系.比如经常见到的dialog,mask的实现,dialog的z-index肯定要设置的比mask大.写这篇文章的目的主要是想记录下遇到的有关z-index可设置的最大值的问题.下面先来看以下代码运行的结果: <!DOCTYPE html> <html> <head> <meta charset="…

css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡

pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. overflow其中的任意一个属性即可具体原因不知道是什么,可能跟firefox的css渲染有关,有知道的麻烦告诉一声 html及css代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"…

vue 数组中嵌套的对象添加新属性--页面更新

vue 数组中嵌套的对象添加新属性--页面更新:https://www.jianshu.com/p/8f0e5bb13735…

[1.1W字] 复习: CSS 9个背景属性&6种渐变函数, 学会可以手写实现AI中强大的"任意渐变"! #Archives009

Title/ CSS Background&Gradient完全指南 #Archives009 序: 关于 background 属性, 了解点CSS的人总会知道个大概. 但是你肯定多半还有点不会的吧(别在这装!), 比如你能手写CSS的6个渐变函数吗? 你知道bg-repeat中space和round的作用吗? 你能用纯CSS实现AI中的"任意渐变"吗? 这篇文章详细的整理了一遍CSS的Background和Gradient属性的各种诡异用法. 当然照顾萌新, 讲的会比较完整…

js常见错误类型及chrome常见报错（更新中）

ECMA-262 定义了下列 7 种错误类型: 1.Error 错误 2.EvalError 全局错误 eval函数没有正确执行 3.RangeError 范围错误 4.ReferenceError 参数错误引用了一个不存在的变量 5.SyntaxError 语法错误(标点符号,括号配对等) 6.TypeError 类型错误:表示值的类型非预期类型时发生的错误 7.URIError URI参数错误涉及到encodeURI.decodeURI().encodeURIComponent().d…

【原】常见CSS3属性对ios&android&winphone的支持

2个月前,我在博文<webapp开发中兼容Android4.0以下版本的css hack>中写过“那对于做移动网页开发的同事来说,一般只要做好webkit内核浏览器的展现效果就行了” ,在这里纠正下,在目前Wepapp开发中,主要对webkit内核的手机做好各个版本的兼容已经不够了,像其它的高端智能手机,在市场有一定的占有率也是我们需要列入考虑的范围. 那么,除了ios和android系统之外,还有哪个移动设备的操作系统是我们需要考虑进来的呢?可能大家会在猜是winphone,没错!就是微软发…

前端面试题总结——HTML(持续更新中)

前端面试题总结--HTML(持续更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言 3.简述一下你对HTML语义化的理解? html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 4.浏览器页面有哪三层构成,分别是什么,作用是什么? 浏览器页面构成:结构层.表示层.行为层分别是:HTML.CSS.JavaSc…

CSS入门常见的问题

写在前面:本文简单介绍一下css的三大特性:层叠性.继承性.优先级.以及margin,padding,浮动,定位几个知识点.限于水平,不深入探讨,仅作为学习总结. 1,三特性 1)层叠性:同标签同权重下,样式冲突,后面的样式会覆盖前面的. 2)继承性: 给父元素设置样式的时候,子元素在默认没有样式的情况下会受父元素的样式影响.注意宽高不能继承. 可继承的属性: ◇文字颜色可以被继承 color ◇与文字相关的属性都可以被继承 ◆行高(line-height) 可以被继承 ◆tex…

【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集（持续更新中）

Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包含:数组类.浏览器类.日期类.函数类.数学类.媒体类.节点类.对象类.字符串类.类型检测类.正则表达式类等内容. 使用方法 1. 引入Bable transpiler以保证支持ES6 <script type="javascript/text" src="./browser…

css（层叠样式表）属性

CSS属性相关宽和高 width属性可以为元素设置宽度. height属性可以为元素设置高度. 块级标签才能设置宽度,内联标签的宽度由内容来决定. 字体属性文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存.如果浏览器不支持第一个字体,则会尝试下一个.浏览器会使用它可识别的第一个值. 简单实例: body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", san…

Compass(更新中。。。)

compass Compass是Sass的工具库,就好像jQuery是js的库一样. sass有了compass的配合,就会更加事半功倍. Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能.它们之间的关系,有点像Javascript和jQuery.Ruby和Rails.python和Django的关系.(by:阮一峰http://www.ruanyifeng.com/blog/2012/11/compass.html) 官网:http://…