HTML+css零碎小知识

1.设置了float浮动的元素和绝对定位position:absolute的元素会脱离正常的文档流.但是设置absolute的元素不会占据空间,相当于隐形了. 2.相对定位position:relative是指相对于文档流中的其它已经定义的元素位置进行定位.在不设置top/left/right/bottom/Z-index等值的情况下和默认值static表现一样. 3.绝对定位position:absolute是相对于上一个不为static默认定位的父元素进行绝对定位.若父元素没有指定p…

css + html 小知识总结

Html+CSS基础之Html 注:本文摘自慕课网http://www.imooc.com HTML+CSS基础课程: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2. CSS样式是表现.就像网页的外衣.比如,标题字体.颜色变化,或为标题加入背景图片.边框等.所有这些用来改变内容外观的东西称之为表现. 3. JavaScript是用来实现网页上的特效效果.如:鼠标滑过弹出下拉菜单.或鼠标滑过表格的背景颜色改变.还有焦点新闻(…

thinkphp零碎小知识

在使用thinkphp搭建后台的时候,有很多的参数需要去配置,有的记不住还要去查找,这里把一些基本的参数整理一下,还有些零碎的知识点,与大家共勉,希望能方便大家. 友情提示:这些配置是 thinkphp3.2.3的哦~~ 1.分离前后台 //定义应用目录 define('BIND_MODULE','Admin'); drfine('App_PATH','./Application'); 为了一个项目的安全性以及便于维护,通常用一个入口文件,而前后台分开的情况,在定义的时,在配置文件中更改代码.可…

css的小知识4

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

css的小知识3

1.补充 margin的margin:0 auto:会解决元素的居中,前提是给这个元素设置width 2.css的层叠问题 css有两个性质 1.继承性 2.层叠性选择器的一种选择能力,谁的权重大就选谁 A,选不中,走继承性,(font color text)继承性的权重是0 a)有多个父级都设置了就这样走就近原则 B,选中了 a)权重的问题,权重大,就选谁的样式 b)权重相同,谁在后选择谁 c)纯标签和类没有可比性,纯类和id也没有可比性. 3,标准文档流浏览器的排版是根据元素的特征(…

JS零碎小知识

filter()方法对数组进行过滤,生成新数组 var aqiNewData = aqiData.filter(function(data){ return data[1]>60; }); //对大于60的数据组成新数组. sort()方法对新数组进行从大到小排序. aqiNewData.sort(function(a,b){ return b[1] - a[1]; }); //若换成a[1] - b[1]则是从小到大排序. createDocumentFragment()创建虚拟(碎片)节点的…

关于JSON的零碎小知识

1.ali的fastjson在将实体类转成jsonString的时候,一些首字母大写的字段会自动修改为小字母,这种字段加 @JsonProperty(value = "DL_id")即可注解@JSONField(name="ID")更好 2.ali的fastjson在转换实体类时,所有为null的字段也会带出,可以在class上加 @JsonInclude(JsonInclude.Include.NON_NULL)注解,即可 3.gson将实体类转json的时候,不…

css的小知识

---恢复内容开始--- 1.当你发现在制作页面时出现滚动条就需要一个去除滚动条的属性 overflow:hidden: overflow-x:hidden:水平超出隐藏 2. z-index 层次叠加元素重叠谁的值大谁在上面 (1)父级出现position:relative:时候z-index失效 (2)层级元素出现float的时候会失效 (3)层叠元素也得设置position:absolute/fixed 3.background-position:1…

2018.3.15 css课外小知识

1, 如果手动写动画, 最小的时间间隔是多久为什么多数显示器默认频率是60Hz 1s刷新60次所以理论最小是1/60*1000ms=16.7ms 2. display:inline-block 什么时候会显示间隙 (携程) 移除空格 margin负值使用font-size:0 letter-spacing word-spacing…

springboot之零碎小知识

1.springboot启动类加载yml配置项主要是如下方法,读取了yml的配置项,赋值为类成员属性 @Autowired public void setEnvironment(Environment environment) { host = environment.getProperty("server.port"); } package com.shy; import com.shy.iot.facerecognition2.tcp.Server; import com.shy…

关于JAVA的一些零碎小知识

1.经常遇到集合之间需要互相转化的 Array和List转化:Arrays.asList(数组):list.toArray(); List和Set转化:Set<String> set = new HashSet<>(list);List<String> list_1 = new ArrayList<>(set); Set和Array转化:set.toArray;new Set(Arrays.asList(数组)) 大多数的collectioin都可以toAr…

HTML+CSS中的一些小知识

今天分享一些HTML.CSS的小知识,希望能够对大家有所帮助! 1.解决网页乱码的问题:最重要的是要保证各个环节的字符编码一致! (1)编辑器的编辑环境的字符集(默认字符集):Crtl+U 常见的编码 GB2312(简体) .GBK(简体).BIG5(繁体).UTF-8(多国语言编码) (2)<meta>标记的字符集设定与编辑环境的字符集一致字符集设置:<meta http-equiv="content-type" content="text/html;…

12个你未必知道的CSS小知识

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 1.CSS的color属性并非只能用于文本显示对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方. 请注意,上面的代码里只使用了一个color属性,就是在body元素上,设置成了yellow.但是,你也看到了,所有这个页面上的东西都变成了黄色…

谈谈CSS中一些比较"偏门"的小知识

前面我写了:谈谈html中一些比较"偏门"的知识,现在这篇(主要)想谈谈个人所见的CSS一些小知识点,加深印象:同时也希望有需要的人能有收获! 1.常见的浏览器内核: 以IE为代表:IE,MaxThon,TT,the World,360,搜狗浏览器等-----Trident内核[又称MSHTML] Firefox,Netscape 6及以上版本,seaMonkey等-----Gecko内核 Opera7及以上----- Opera内核原为:Presto,现为:Blink; Webkit…

【前端词典】几个有益的 CSS 小知识

今天偷个懒,不长篇大论,分享几个你可能不知道的 CSS 小知识. 样式的顺序 CSS 代码: HTML 代码: 记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用…

几个有益的 CSS 小知识

样式的顺序 CSS 代码: HTML 代码: 记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用 HTML 标签来定义 CSS 的方式,换成使用具体的class.…

自定义博客cnblogs样式的必备前端小知识——css

css样式相关小知识文字超出一行显示省略号 overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ 文字超出两行显示省略号 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-…

css进阶 05-CSS的一些小知识

05-CSS的一些小知识 #隐藏盒子的几种方式隐藏盒子,有以下几种方式: (1)方式一: overflow:hidden; //隐藏盒子超出的部分 (2)方式二: display: none; 隐藏盒子,而且不占位置(用的最多) 比如,点击X,关闭京东首页上方的广告栏. (3)方式三: visibility: hidden; //隐藏盒子,占位置. visibility: visible; //让盒子重新显示 (4)方式四: opacity: 0; //设置盒子的透明度(不建议,因…

s性能优化方面的小知识

总结的js性能优化方面的小知识前言一直在学习javascript,也有看过<犀利开发Jquery内核详解与实践>,对这本书的评价只有两个字犀利,可能是对javascript理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解. 鉴于想让自己有一个提升,进不了一个更加广阔的天地,总得找一个属于自己的居所好好生存,所以平时会有意无意的去积累一些使用jQuerry的常用知识,特别是对于性能要求这一块,总是会想是不是有更好的方式来实现. 下面是我总…

$Django 路飞之小知识回顾,Vue之样式element-ui,Vue绑定图片--mounted页面挂载--路由携带参数

一小知识回顾 1 级联删除问题 2 一张表关联多个表,比如有manytomanyfileds forignkey,基于对象查询存在的问题:反向查询的时候表名小写_set.all()不知是哪个字段queryset对象所以说related_name='coursedetail_by' 3 Vue生命周期钩子可以直接发axios 二 Vue样式用elemen(jq用bootstap) 网站http://element-cn.eleme.io/#/zh-CN/guide/design 1 em…

HTML初学者小知识

引用js <script src="链接/js代码位置" type="text/javascript"></script> 引用css <link rel="stylesheet" href="链接/css代码位置" media="screen" type="text/css"> jS引用css '<link rel="styleshe…

蓝牙Bluetooth技术小知识

蓝牙Bluetooth技术以及广泛的应用于各种设备,并将继续在物联网IoT领域担任重要角色.下面搜集整理了一些关于蓝牙技术的小知识,以备参考. 蓝牙Bluetooth技术始创于1994年,其名字来源于10世纪时的一位丹麦国王Harold Bluetooth,他统一了现在的挪威.瑞典和丹麦地区,以他的名字命名也是取其能使现在的各种离散的设备连接在一起的意思.所以蓝牙Bluetooth和"蓝色的牙齿"并没有什么关系 :) 蓝牙技术目前有几个版本并行,Bluetooth 2.1 (Bluet…

iOS APP开发的小知识(分享）

亿合科技小编发现从2007年第一款智能手机横空出世,由此开启了人们的移动智能时代.我们从一开始对APP的陌生,到现在的爱不释手,可见APP开发的出现对我们的生活改变有多巨大.而iOS APP是只可以在苹果的iOS系统平台安装运行的APP应用软件.时至今日,我们对APP的了解已经十分之多了,今天我们来整理一份较为全面的iOS APP开发的各种小知识. iOS APP开发的发展历程在2008年3月6日,苹果第一次对外发布了针对苹果智能手机的应用开发包,也就是我们…

css的小技巧

前几天看到<css揭秘>这本书,第一感觉是 css怎么能出这么厚的一本书,不过细细一想,用好css真的可以实现很多想要的效果,节省很多js代码. 总结几个css的小技巧: 1,将所有元素垂直居中 html, body { height: 100%; ; } body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex;…

Unix系统小知识（转）

Unix操作系统的小知识 2.VI添加行号/翻页/清屏 .在对话模式时(即输完Esc再输入: ),输入“:set number”可以将编辑的文本加上行号.跟玩俄罗斯方块一样方便的上下左右移动箭头的快捷键分别为:l,k,j,h.向下和向上翻页分别时“Ctrl+f”和“Ctrl+b”,“Ctrl+l”可以在杂乱的显示下刷新屏幕. 3.Unix操作系统shift+6 对话模式下:回到行首你可以用 “ ^ ” 键(shift+6)或者数字0:当然回到行尾你可以用“ $ ”键(shift+4):回到文本末…

salesforce 零基础开发入门学习（十）IDE便捷小知识

在这里介绍两个IDE的便捷开发的小知识. 一) 本地调试由于salesforce代码只能提交以后才能调试,所以很多时候调试代码很麻烦.新版增加了一个特性:即可以在本地调试相关的代码或者查看相关代码运行结果. 1.IDE中window-->show view-->other; 2.找到Force.com目录,选择Execute Anonymous,点击OK. 以上为显示样式以及测试程序,上方可以选择正在活动的项目,可以选择log的种类以及级别,左侧代码区,点击Execute Anonymous…

Jquery:小知识；

Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').ea…

一些常用的html/CSS效果---小技巧

我常用的重置样式表reset.css /*===============基础信息================*/ *{border: 0;padding: 0;margin: 0;} table {border-collapse:collapse;border-spacing:0;} ol,ul {list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:100%;} q:before,q:after {content:''} input,textarea…

HTML小知识---Label

今天知道了一个html小知识: <input type="checkbox" id="chkVersion" /> <label for="chkVersion"><span>已阅读并同意告知书内容</span></label> 将input的id与label的for设置成一致的,在点击label时(里面可以套用其他标签),input也会被选中`(*∩_∩…

Unicode和汉字编码小知识

Unicode和汉字编码小知识将汉字进行UNICODE编码,如:“王”编码后就成了“\王”,UNICODE字符以\u开始,后面有4个数字或者字母,所有字符都是16进制的数字,每两位表示的256以内的一个数字.而一个汉字是由两个字符组成,于是就很容易理解了,“738b”是两个字符,分别是“73”“8b”.但是在将 UNICODE字符编码的内容转换为汉字的时候,字符是从后面向前处理的,所以,需要把字符按照顺序“8b”“73”进行组合得到汉字. 下面是C#汉字Unicode编码相互转换代码. usi…

【HTML+css零碎小知识】的更多相关文章