css3 知识点积累】的更多相关文章

-moz-    兼容火狐浏览器-webkit-  兼容chrome 和safari1.角度  transform:rotate(30dge)  水平线与div 第四象限30度  transform:rotate(-30dge)  水平线与div 第一象限30度 2.阴影 box-shadow:5px 5px 5px #888888; 3.边框  border-radius  box-shadow:阴影  border-image:图片边框  border-radius:    四个值:左上.右…
8年javascript知识点积累   08年毕业就开始接触javascript,当时是做asp.net发现很多功能用asp.net控件解决不了,比如checkbox单选,全选问题,自动计算总价问题,刷新问题,等等.那时感觉javascript好讨厌,没有好的框架和调试工具,痛不欲生.如今javascript框架漫天飞舞,jquery,zepto,AngularJs,各种应用层出不穷,动画,游戏,单页网站,甚至手机app,那里都少不了javascript,不禁感叹,还有没有javascript不…
知识点积累 1.关于final的重要知识点: final关键字可以用于成员变量.本地变量.方法以及类: final修饰的成员变量必须在声明时被初始化,或者在构造器中初始化,否则就会报编译错误: 不能够对final变量再次赋值: 本地变量必须在声明时赋值: 在匿名类中所有变量都必须是final变量: final修饰的方法不能被重写: final修饰的类不能被继承: 没有在声明时初始化的final变量称为空白final变量(blank final variable),他们必须在构造器中初始化,或者调…
css3能做什么 响应式开发的基础,然后能实现一些酷炫的效果咯. 以下案例纯css3实现,一点都没用js (入门简单,但是水很深) 叮当猫纯用css3做出         http://codepen.io/airen/pen/icFba         如果大家感兴趣,大家可以去慕课网上找大漠老师的课学习. 边框 1.圆角效果 border-radius:border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角.右上角.右下角和左下角,顺时针 */ bord…
08年毕业就开始接触javascript,当时是做asp.net发现很多功能用asp.net控件解决不了,比如checkbox单选,全选问题,自动计算总价问题,刷新问题,等等.那时感觉javascript好讨厌,没有好的框架和调试工具,痛不欲生.如今javascript框架漫天飞舞,jquery,zepto,AngularJs,各种应用层出不穷,动画,游戏,单页网站,甚至手机app,那里都少不了javascript,不禁感叹,还有没有javascript不能做的事情么? 8年了,如今多半时间是管…
css3新单位vw.vh.vmin.vmax vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个.其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小的那个.其中最小的那个被均分为100单位的vmin; 视区所指为浏览器内部的可视区域大小, 即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工…
preface:在ubuntu下做事情,在终端下执行一些命令.或者在vim里面做一些操作.自然而然须要用到一些小知识点,没有怎么系统地看<鸟哥的菜>,基本上是遇到了什么问题想要实现什么功能,就查找博客,学下该知识点,有些零散.便略微积累总结下. 1.批处理命令sh: 需在终端执行多个命令时,将那些命令写到一个文件中面,并命名XX.sh,在终端执行sh XX.sh可破,终端下将一个一个执行XX.sh文件中面的命令. 2.echo: 在批处理命令中.须要用命令输出自己想要的一些东西到终端的时候.e…
好好学习,天天向上 本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 原文链接:https://blog.csdn.net/weixin_43461520/article/details/113201713 HTML5新增标签 HTML5针对以前的不足,新增了一些新的标签.表单以及表单属性等. 语义化标签 之前在做布局的使用,使用了大量的div,这些div都是没有语义的,我们不能很轻易的就判断出某个div大致是什么内容,所以…
概要:CSS3美化样式.自定义字体图标.滤镜设置.CSS3选择器.transform2D转换.新增表单控件.vaild表单验证.表单样式美化等. 属性选择器: E[attr]只使用属性名,但没有确定任何属性值 E[attr="value"]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的"〜"不能不写 E[att…
关于样式的优先级问题: !important > style > [ id > class > tag ];  z-index 的属性用法: z-index属性是用来设置元素的堆叠顺序,z-index的属性值可为负数.0 或 正数,属性值越大,元素越接近用户,越显示于前面,如下图所示: 新手使用CSS中的这个属性时,经常会忘记在前面要先声明定位元素,即z-index属性只适用于绝对定位容器,例如代码:position: absolute;   z-index: 1; role :…
(一) 在编写CSS3样式时,不同的浏览器可能需要不同的前缀.它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的.      前缀         浏览器     -webkit        chrome和safari     -moz        firefox     -ms        IE      -o        opera (二) 边框 1)圆角效果border-radius…
总结各种CSS3选择器的介绍及具体语法 (一)属性选择器 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器.如下表所示: html代码: <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon"&…
一.CSS3中的变形 1)旋转 rotate() rotate()函数通过指定的角度参数使元素相对原点进行旋转. 它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度. 如果这个值为正值,元素相对原点中心顺时针旋转:如果这个值为负值,元素相对原点中心逆时针旋转. transform 属性向元素应用 2D 或 3D 转换.该属性允许对元素进行旋转.缩放.移动或倾斜. css代码: div { width: 200px; height: 200px; background: orange;…
包括CSS3多列布局样式.Flexbox伸缩布局.盒子模型等.重点介绍了Flexbox伸缩布局的各种属性用法. 一.多列布局 为了能在Web页面中方便实现类似报纸.杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module).它主要应用在文本的多列布局方面. 1) columns 语法: columns:<column-width> || <column-count> 多列布局columns属性参数主要就两个属性…
介绍Media Queries与Responsive设计以及外轮廓属性.resize属性.CSS3生成内容等 学会如何使用CSS3中的Media Queries模块来让一个页面适应不同的终端(或屏幕尺寸). (一)Media Queries----媒体类型 Media Queries是CSS3新增加的一个模块功能,其最大的特色就是通过CSS3来查询媒体,然后调用对应的样式. 其中包括两个重要部分,第一个是媒体类型,第二个是媒体特性. 媒体类型: 媒体类型(Media Type)在CSS2中是一个…
css5新增的元素与属性 表单内元素的属性 1. form属性 之前必须书写在表单内部.而在Html5中,可以放在任何位置,为元素指定一个form属性,属性值为该表单的id,就可以声明该元素属于指定表单 //原来用法 <form id="textform"> <input type="text"> <textarea form="textform"></textarea> </form>…
web字号 px() 百分比(较常用) em(最常用):一般1em=16px,相对单位.以父元素作参照系,父元素大小是不确定的 body{ font-size:100%; /*父元素默认为16px*/ } h1{ font-size:2.1875em; /*35px/16px*/ } css3新增:rem,以根元素为参照系,根元素大小是确定的 html{ font-size:100%; /*通常为16px*/ } h1{ font-size:2.1875rem; /*35px/16px*/ }…
css3更新的颜色 RGBA:红.绿.蓝.不透明度 rgba(89,0,127,0.4); HSL和HSLA:色相.饱和度.亮度.不透明度 hsl(282,100%,25%); hsl(282,100%,25%,.75); 使用与媒体相关的样式表 link或style:添加属性media属性 有all.aural.braille.handheld.print.projection(投影设备).screen.tty.tv @media print{ body{ font-size:25pt; }…
页面title 选择能简要概括文档内容的文字作为title文字,title核心内容放在前60个字符 分级标题 1.创建分级标题时,避免跳过级别,如h3直接跳到h5,但允许从低级别跳到高级别. 2.不用h1~h6标记副标题.标语,应该用段落或其他非标题元素 <h1>Hello World</h1>//标题 <p class="subhead">This is a html .</p>//副标题,class命名为subhead 页面构成 1.…
下面是一些杂碎的知识点: 首先我们说说多维数组: 数组的属性: ndarray.ndim, 表示数组的秩是多少: ndarray.shape,返回数组的形状: ndarray.size,数组元素的总个数,等于shape属性中元组元素的乘积 ndarray.dtype,一个用来描述数组中元素类型的对象 ndarray.itemsize ,数组中每个元素的字节大小. 一些常用的函数 zeros()生成全为零的数组: ones()生成合为1的数组: empty()生成一个随机数组: reshape()…
一.animates.css animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库.包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现. 查看演示: https://daneden.github.io/animate.css/ github地址: https://github.com/daneden/animate.css 二.magic.css动画库 查…
本文仅在记录android开发中遇到的零散知识点,会不断更新... 目录 .隐藏系统标题栏 .图片尺寸及屏幕密度 3.获取顶部状态栏高度 1.隐藏系统标题栏 1)在资源文件styles.xml中定义样式,继承系统Holo.Light主题 <!-- Base application theme. --> <style name="NoTitleBar" parent="android:Theme.Holo.Light.NoActionBar">…
http://www.cnblogs.com/tylerdonet/p/5543813.html…
1.E[attr]只使用属性名,但没有确定任何属性值 2.E[attr="value"]指定属性名,并指定了该属性的属性值 3.E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的"〜"不能不写 4.E[attr^="value"]指定了属性名,并且有属性值,属性值是以value开头的 5.E[attr$="value&q…
1.判断checkbox是否选中   $("#aa").prop("checked")==true2.给属性赋值   $("#aa").prop("checked",true) $("#aa").prop("readonly",true) $("#aa").prop("disabled",true)prop()只能返回true和false,对于一般…
一.修改字段默认值 alter table 表名 drop constraint 约束名字   ------说明:删除表的字段的原有约束 alter table 表名 add constraint 约束名字 DEFAULT 默认值 for 字段名称 -------说明:添加一个表的字段的约束并指定默认值 二.修改字段名: alter table 表名 rename column A to B 三.修改字段类型: alter table 表名 alter column UnitPrice deci…
网上资源汇总学习: jquery的选择器是CSS1-3,xpath的结合物.JQuery提取了这二种查询语言最好的部分,创造出了最终的jquery表达式查询语言. xpath是一门在xml文档里查找信息的语言,xpath可以用来在xml文档中对元素和属性进行遍历.xpath使用路径表达式来选取xml文档中的节点或节点集.节点是沿着路径(path)或者步(step)来选取的.它是w3c的一个标准. JQuery选择器执行效率: 1.最快:id选择器和元素标签选择器 例如:$("#id")…
1.callee属性 和 caller属性. 区别:两者的调用对象不同 arguments.callee:指向拥有这个arguments对象的函数,在递归运算中经常用到. functionName.caller:在函数中通过函数名来调用,这个属性中保存着调用当前函数的函数引用.functionName也可以使用arguments.callee来代替 . function out(){ console.log(arguments.callee); } out(); // ƒ out(){conso…
申明:一下内容均建立在零基础小白的角度上,大佬们求放过~ 1.如何通过类建立外键关联 2.模板语言固定搭配 3.浏览器报错处理 4.后台取值方式 5.外键管理修改相关操作 6.两种(给后台偷偷传递消息)的方式…
css布局 控制元素的显示类型和可见性 块级元素 dispaly:block: 行内元素(不能设置宽度) display:inline: 不接受padding设置,但padding-top和padding-bottom会越界进入相邻元素的区域,而不是局限于该元素本身的空间 混合显示:该元素与其他元素出现在同一行,同时也具有块级元素的功能(可设置高度) display:inline-block: 横向导航栏 隐藏元素:不显示且不占任何视觉空间 display:none: 对于table有 disp…