前端CSS
我是滑稽帝滑滑稽
这个作者很懒,什么都没留下…
展开
-
CSS选择器优先级 jquery选择器优先级
css选择器主要分为三类:标签名选择器、类选择器、ID选择器。当然后续还扩展了一些后代选择器和群组选择器。 一、 下面对着5中选择器进行举例: 1. 标签名选择器 div { color:Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个原创 2016-09-24 22:00:41 · 3619 阅读 · 0 评论 -
前端性能优化
1.html简洁而有效2.很多css需要通过HTTP请求来引入,所以你要去除累赘的css文件,弹药注意保留其重要特征。@import 指令来引入外部样式表,这是一个过时的方法,它会组织浏览器并行下载。link标签才是最好的选择,不会阻止并行下载。3.减少外部HTTP请求 1.不必要的图片 2.没用的JavaScript代码 3.过多的css原创 2017-04-05 14:10:29 · 247 阅读 · 0 评论 -
bootstrap折叠
href="#collapseThree" class="rotate"> 点击我进行展开,再次点击我进行折叠。第 3 部分原创 2016-11-25 17:54:58 · 497 阅读 · 0 评论 -
css 定位position
CSS 定位和浮动CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。浮动不完全是定位,不过,它当然也不是正常流布局。CSS 定位机制CSS 有三种基本的定原创 2016-09-25 23:06:42 · 267 阅读 · 0 评论 -
highcharts混合图
highcharts具体内容详见:http://www.hcharts.cn/demo/highcharts心得: 不要全看他们API 看一下他的使用教程之后 直接根据你的需要看例子 对应去看API 不要API一个一个看 半天就可以上手html>html lang="en">head> meta charset="UTF-8"> title>T原创 2016-10-28 19:23:54 · 1047 阅读 · 0 评论 -
按钮组样式
ul class="buttongroup"> li>a id="btn_copy" href="webroot;?>CardPurchaseDetails/add/" class="a_demo_two " rel="leanModal" >再次购买a>li> li>a id="btn_activate" href="#Activate" class="a_demo_two " rel=原创 2016-10-28 19:13:14 · 956 阅读 · 0 评论 -
定位 获取元素的宽度和高度
可以详见:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/outerHTML里面讲的比上面清楚原创 2016-10-12 11:34:03 · 1342 阅读 · 0 评论 -
轮播
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script> //这里用于根据className获取对象 function getByClass(className,context) { context = context ||原创 2016-10-03 22:10:31 · 241 阅读 · 0 评论 -
自适应相关
1. 可以不设置宽度和高度 他里面的内容只要不是浮动的 就会被自动撑开。2.如果不设置宽高度 但是他里面的内容是浮动的 那就不会被自动撑开 到div下面去了 解决办法就是在最后新建一个空 在里面清除浮动。3.在给设置background-img/color的时候一定要设置宽高 或者里面有元素 不然是没用的。 4.当的宽度和高度(前提设置了宽高)不能容下元素时会原创 2016-10-16 23:30:51 · 185 阅读 · 0 评论 -
解决span中的内容不换行
span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;} white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式 取值: normal | pre | nowrap |原创 2016-10-25 11:08:26 · 11673 阅读 · 0 评论 -
css3边框 圆角 阴影
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> div{ text-align: center; border: 2px solid #a1a1a1; padding:10px 40px原创 2016-09-26 14:07:17 · 1008 阅读 · 0 评论 -
关于div的问题
给一个div设置了高度和宽度如果内容超过了高度和宽度内容就会溢出,div的高度和宽度是不会改变的。解决方法是overflow:auto 或者overflow:scroll这样就不会溢出来,而会出现滚动条,内容在里面显示。具体事例如下:html>html lang="en">head> meta charset="UTF-8"> title>Titletit原创 2016-09-25 23:43:33 · 238 阅读 · 0 评论 -
清除浮动
摘要: css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响? 一、抛一块问题砖(display: block)先看现象: 分析HTML代码结构:div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>转载 2016-09-24 21:32:45 · 326 阅读 · 0 评论 -
css的display属性 块级元素 内联元素
display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。注释:CSS2 中有值 compact 和 marker,不过由于缺乏广原创 2016-09-24 21:38:34 · 674 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
css画一条1px的线1.border: 1px solide #b5b5b5;2..box:before{ content: “”; pointer-events: none; /* 防止点击触发 */ box-sizing: border-box; position: absolute; height: 70%; // 自己设置 l原创 2017-10-06 16:15:19 · 298 阅读 · 0 评论