随笔分类 -  HTML(CSS技巧)

叙述一些有关前端页面架构的问题。
HTML速写
摘要：1. E 代表HTML标签。 2. E#id 代表id属性。 3. E.class 代表class属性。 4. E[attr=foo] 代表某一个特定属性。 5. E{foo} 代表标签包含的内容是foo。 6. E>N 代表N是E的子元素。 7. E+N 代表N是E的同级元素。 8. E^N 代表 阅读全文
posted @ 2018-08-01 09:55 浮-生 阅读(150) 评论(0) 推荐(0)
CSS3中的Rem值与Px之间的换算
摘要：bootstrap默认 html｛font-size: 10px;} rem是一个相对大小的值，它相对于根元素<html>， 比如假设，我们设置html的字体大小的值为html｛font-size: 87.5%;｝（也就是14px）。 然后其他的字体就是将你要的值除以14得到的值； 比如默认的twe 阅读全文
posted @ 2018-04-27 14:59 浮-生 阅读(208) 评论(0) 推荐(0)
content编码
摘要：1.content有5种属性 a.content：“” //为空 b.content：attr（TItle） //可以获取当前选中标签的属性值 eg： div:after{content:attr(class)} 结果：lang c. content:"大浪" //页面显示字符 d.content: 阅读全文
posted @ 2018-04-27 14:21 浮-生 阅读(572) 评论(0) 推荐(0)
clearfix
摘要：.clearfix:after { content: "." ; display: block ; height: 0 ; clear: both ; visibility: hidden ;} 阅读全文
posted @ 2018-04-27 14:09 浮-生 阅读(176) 评论(0) 推荐(0)
自定义checkbox,redio等
摘要：直接上代码： 看的懂看，看不懂拉到。 .messageState li {list-style: none;float: left;padding-right:30px;font-size: 16px;color: #1e1e1e;-moz-user-select: none;-ms-user-se 阅读全文
posted @ 2018-04-27 14:08 浮-生 阅读(118) 评论(0) 推荐(0)
filter滤镜兼容ie的rgba属性
摘要：要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可： 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜 阅读全文
posted @ 2018-04-16 14:35 浮-生 阅读(730) 评论(0) 推荐(0)
-webkit-appearance —— webkit外观样式属性
摘要：-webkit-appearance —— webkit外观样式属性 -webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 最近认真看了一下文档，-webkit-appearance是用来改变按钮和其 阅读全文
posted @ 2017-12-22 15:23 浮-生 阅读(2815) 评论(0) 推荐(0)
Mobile-H5网页快速滚动和回弹
摘要：Mobile-H5网页快速滚动和回弹 阅读全文
posted @ 2017-12-22 15:13 浮-生 阅读(2153) 评论(0) 推荐(0)
解决javascript动态改变img的src属性图片不显示问题
摘要：关于动态插入IMG的SRC图片不显示 阅读全文
posted @ 2017-12-20 18:02 浮-生 阅读(3988) 评论(0) 推荐(0)
js运用sort对json 数组进行排序
摘要：Array.sort()方法是用来对数组项进行排序的 ，默认情况下是进行升序排列。sort() 方法可以接受一个 方法为参数。 sort()排序时每次比较两个数组项都回执行这个参数，并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序，否则就不交换。 1 2 3 阅读全文
posted @ 2017-09-06 15:39 浮-生 阅读(572) 评论(0) 推荐(0)
jq监听
摘要：$(window).resize(function () {//风电月表格自适应高度 var handHeight =$(".tree-handler").height() $(".tree-content").css("max-height",handHeight)}); 阅读全文
posted @ 2017-08-30 21:32 浮-生 阅读(233) 评论(0) 推荐(0)
滚动条宽度获取？
摘要：$(document).ready(function(){ var scrollbarWidth = $('#main')[0].offsetWidth - $('#main')[0].scrollWidth; alert('滚动条的宽度是：' + scrollbarWidth + 'px'); } 阅读全文
posted @ 2017-08-24 14:11 浮-生 阅读(271) 评论(0) 推荐(0)
如何固定表头？
摘要：table tbody { width:100%; display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100%; table-layout:fixed; } t 阅读全文
posted @ 2017-08-24 14:10 浮-生 阅读(131) 评论(0) 推荐(0)
如何拖拽DIV边线并左右自适应改变大小？
摘要：//树图拉伸 jQuery(function ($){ var doc = $(document), dl = $(".side-tree"), dc = $(".tree-content"); var sum = dl.css("left") + dc.width() + $(".t... 阅读全文
posted @ 2017-08-24 14:10 浮-生 阅读(2730) 评论(0) 推荐(0)
不同DIV滚动条如何同步？
摘要：$(".DIV").scroll(function(){ $(".target").scrollLeft($(".DIV ").scrollLeft()); }); $(".m-h430").scroll(function(){ $(".tabZqtabX").scrollLeft($(".m-h4 阅读全文
posted @ 2017-08-24 14:10 浮-生 阅读(500) 评论(0) 推荐(0)
当DIV内出现滚动条，fixed实效怎么办？
摘要：sticky 盒位置根据正常流计算(这称为正常流动中的位置)，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。在所有情况下（即便被定位元素为 table 时），该元素定位均不对后续元素造成影响。当元素 B 被粘性定位时，后续元素的 阅读全文
posted @ 2017-08-24 14:07 浮-生 阅读(624) 评论(0) 推荐(0)
CSS根据屏幕分辨率宽度自动适应的办法
摘要：CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS <SCRIPT language=JavaScript><!-- Beginif (screen 阅读全文
posted @ 2017-08-24 14:04 浮-生 阅读(52627) 评论(0) 推荐(2)