01 2017 档案
摘要:1.less 针对的就是CSS,修改样式。2.编译方法 编译的方法有很多种,若使用Hbuilder最方便。 1.新建一个less文件夹,在此文件夹下新建一个less文件。 2.在编辑less文件的窗口右击,将会出现编译选项, 3.点击编译确定存储的位置,HBuilder自动讲less转化成CSS。 4.然后将css文件引入HTML文件中就可以了。...
阅读全文
摘要:第一章 1.JS的位置 1-1.行间 1-2.内嵌 1-3.外联 2.JS的标签位置 页面中的代码在一般情况下会按从上到下的顺序,从左往右的顺序执行。 因此当JS放在了元素上面的时候,就不能正常执行。 解决 * window.onload 页面加载完成之后再执行JS * window.onload=
阅读全文
摘要:1.文字阴影 text-shadow 文字阴影 参数1: X轴的偏移量 参数2: Y轴的偏移量 参数3: 阴影的大小 参数4: 阴影的颜色 给负值为反方向,阴影可以叠加,不建议用叠加 div{ font: 100px/200px "微软雅黑"; text-align: center; text-sh
阅读全文
摘要:5.过渡 tansition (由一个状态过渡到另外一个状态的过程) transition 过渡 参数1: 过渡的时间,s代表秒,ms代表毫秒,1s=1000ms 参数2: 过渡的属性,all代表所有的属性 参数3: 过渡的方式,ease是默认的(减速) linear 匀速 ease-in 加速 e
阅读全文
摘要:1.target-伪类 (对锚点状态进行修改) 双冒号是CSS3里的固定伪类语法,但是使用单冒号也有效 a{ font: 20px/20px "微软雅黑"; } div{ width: 300px; height: 200px; background: red; font: 50px/200px "
阅读全文
摘要:1.各种不同内科浏览器的css3适配 -webkit-transition: 1s; /*Chrom、Safari*/ -moz-transition: 1s; /*Firefox*/ -ms-transition: 1s; /*IE*/ -o-transition: 1s; /*Opera*/ t
阅读全文
摘要:<formaction="http://www.apeclass.com/"><!--表单的东西必须要要放form里面--> <p> <inputtype="text"name="userName"value="用户名"/> </p> <p> <inputtype="password"name="p
阅读全文
摘要:<!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> <style> table{ border-collapse: collapse; } th,td{ padding:0; } table{ margin:0aut
阅读全文
摘要:一、在A标签内添加图片,解析的时候出现了莫名的距离。 div{ border:1px solid red; padding:1px; float:left; } <div> <a><imgsrc="img/pic.jpg"/></a> </div> 解决办法 一、可以选择给父级的div添加一个fon
阅读全文
摘要:一、浮动 float 定义:使元素脱离文档流,按照指定的方向发生移动,遇到父级或相邻的浮动元素就会停下来。 值: left.right.none 特征: 1. 块元素可以在一行显示 2. 按照一个指定的方向移动,遇到父级或相邻的浮动元素就会停下来。 3. 行内元素支持宽高 4. 脱离文档流 浮动元素
阅读全文
摘要:1 .BFC的含义 : Block Formatting Contexts(BFC) 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互关系 块级元素:父级(是一个块元素) 内容:子元素(是一个块元素) 其他元素:与内容同级别的兄弟元素 相互作用:BFC里的元素
阅读全文
摘要:1、打开一个笔记,点击分布到博客2、输入博客信息(参考这里) 我的博客是博客园,博客园cnblogs: http://www.cnblogs.com/您的博客名称/services/metablogapi.aspx 注意下这里“您的博客名称”是这个东东,所以我的API地址是http://www.cnblogs.com/CafeMing/services/metablogapi.aspx...
阅读全文
摘要:背景: 通过为知笔记发布笔记到博客园后,发现一些样式不太满意,比如下面的两种情况 1、 代码段中行间隔太大 2、 从网页粘贴进笔记的间隔太宽 分析: 打开chrome开发者工具,选择显示异常的元素,检查css样式。 第一个问题:发现在A处的代码里面有一个margin-bottom: 1em的样式,这
阅读全文
摘要:对文字进行移动可以使用 text-indent: margin.padding 1.文字的话一般找行高,然后再去确定其准备的位置(给出行高字体会在此行高居中显示)。单行文字如果不设置行高也可以,但是使用margin有可能位置不精确。 2. font是对文字的大小(一般都是偶数),字体,粗细做出修改,
阅读全文
摘要:块元素(block): 1.默认独占一行 2.没有给宽度的时候,宽度是auto,(宽度是父级的宽度) 3.支持所有的css命令 div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside 行内元素(inline)也叫内联
阅读全文
摘要:1、行内标签不能嵌套块标签,块标签可以嵌套行内标签。 2、a标签不能嵌套a标签 3、h1-h6,dt这些标签的性质是标题,那里面就不能嵌套块级标签,(可以嵌套行内标签) 4、P标签不能嵌套块标签 5、ul和li,ol和li,dl和dt.dd他们是固定的嵌套规则 1) ul和ol下边只能和li嵌套,l
阅读全文
摘要:使用jquery的ajax调用,发现一直回调error函数,ajax调用代码如下,后台返回是正确的,为什么会报错呢? var descValue = $('#descEditArea').val(); descValue = descValue.replace(/\n/g, ''); var url = "/network/KpiDescServle...
阅读全文