qq_36060786的博客

很多时候我们在网上浏览文章或查看资料的时候，看到写的非常好的句子想要复制粘贴保存一下，这是拖动鼠标，发现“选不中，复制不了”，哎，这时候咱们前端高能出手，这都不是事儿！很简单，接下来就为众多网友们传授这个简单的小秘诀！如果文章不是pdf，那么下列方法是奏效的，否则小编也无能为力了1.首先在你需要复制的文字处右键，选中”检查“，此处以google浏览器为例，如果是IE浏览器则选择”查看元素“，如果是...

在css样式表中，inline和float都能使元素进行横向排列，但不同的是：1.inline-block：多个元素设置inline-block后无论设置前是行内元素还是块级元素都将变成行内块元素，（注意：是具有块元素性质的行内元素），此时可以设置盒子的width  height  margin  padding……的属性值，但比较特殊的是，如果给多个元素中的某一个元素设置padding和marg...

1.相同点：都属于定位方式，可以设置定位属性top/bottom/left/right2.不同点：（1）relative:（相对定位）：相对于自身原来所在位置进行定位，如果不对top/bottom/left/right进行设置（默认为left:0, top: 0），那么该元素将保持在原定位置，如果对上述4个参数进行设置，那么该元素将相对自身原来位置进行移动，但是它的移动并不会对其他的元素造成影响，...

记得刚开始学习前端的时候，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。那么是怎么个顺序呢？（1）定位属性：position  display  float  left  top  right  bottom   overflow  clear   z-index...

浏览器对CSS选择符的解析居然是从右往左的！没想到吧，这可能颠覆了大多数人以往的认知，也包括我。之前写css选择器的时候无论表示的该元素有没有特定的class或id标签总是喜欢加上父级，甚至极父级的父级，（一直觉得只要选择符不超过3,4个就应该差不多了）现在想想都阔怕，如果该元素本身就能唯一表示，那浏览器只要查找一次ok啦，那它之前的选择符查找岂不是白搭，可怕，吓得我赶紧去改代码...

grid布局不要太好用！用grid方式写了个简单的布局，代码很简单，记录一下。html代码：<div class="parent"> <div class="child header"></div> <div class="child sideBar"></div>