IE 9 下的 css 陷阱

IE 9 下的 css 陷阱今天 Karson 老大的分享. 根据说明当 css 文件超过一定大小时会被自动截断. http://ju.outofmemory.cn/entry/168599…

webkit下面的CSS设置滚动条 1.主要有下面7个属性: ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-res…

django static 无法正确加载目录下的css

在static->web目录下添加CSS后该css文件一直报404错误,解决问题: 在setting.py文件添加: STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static")]…

IE6 7下常见CSS兼容性处理

以下是一些比较常见的IE6 7下的兼容性问题. 在当下这个时代,其实我们几乎可以不用再去针对IE6做兼容性的处理,除非你的公司还是诡异的要求你兼容到IE6.但是了解一些常见的兼容性问题还是可以帮助我们提高一些布局上的技巧. 以下内容并不需要背下来,其实只要做到见过,万一某一天真碰到了这样的问题知道在哪里可以查看解决方法就可以了. 另外最重要的一点,我认为布局上的规范与合理是解决兼容性的最佳方案.如果布局规范,层次结构清晰,明确,那么至少在IE7下我们其实都不用做特别多的针对性的兼容处理.如果你的…

来认识下less css

简介感觉自己都out了,跟不上web时代的潮流了,前不久才刚接触这玩意,发觉lesscss在某些方面还挺有用的,说白了这东西就是一种动态的样式语言,语法类似于css,可以像java那样进行编译,生成你想要的对应css,并且less css扩展了css的动态行为.如,它可以设置变量(variables).支持混合书写模式(mixins).支持嵌套规则(nested rules).也可像js那样进行属性值的操作(operations).像js函数那样传递参数(functions). 也具有变量的作…

YII 使用modules下的css,js,img

用YII assets 1.assets的作用是方便模块化,插件化的,一般来说出于安全原因不允许通过url访问protected下面的文件,但是我们又希望将module单独出来,所以需要使用发布,即将一个目录下的文件复制一份到assets下面方便通过url访问 1 首先把自己开发模块用到的 css 或者 js 等客户端脚本,放到 modules/自己模块名/assets 目录中比如:modules/admin/assets 2 在自己的代码中用下面的代码发布这些客户端代码到公共 ass…

关于WEB-INF目录下无法访问webapp下的css等静态文件

第一种方法:  <c:set value="${pageContext.request.contextPath}" var="path" scope="page"/> <link rel="stylesheet" type="text/css" href="${path}/static/css/main.css"…

PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件

ctrl+alt+s ->File Watchers->add-> 其中Argument中的-x代表最后编译过后的css文件为压缩过的此时就可以用了,但是编译过后less可以自动上传到开发服务器,css文件不能 tools->deployment->options,勾选upload external changes就可以了…

django引用static目录下的css，js文件304问题

前提:django1.8 在html页面可以请求道css,js文件并在chrome的开发者工具中查看css,js文件返回状态为200 原因: html页面在头部添加了<!DOCTYPE html>申明导致css样式加载不起效果,去掉此标签css效果起作用,…

不同浏览器下的CSS HACK

今天接了个新项目,年底要做完.预祝我顺利完成工作吧.在搭CSS框架的过程中,遇到了一些浏览器兼容性问题.于是就统计一下各个浏览器专用的css hack吧. (粘贴自百科百科) 针对火狐浏览器的CSS Hack: @-moz-document url-prefix() { .selector { attribute: value; }} 针对webkit内核及Opera浏览器的CSS Hack: @media all and (min-width:0){ .sele…

flex布局下，css设置文本不换行时，省略号不显示的解决办法

大致是有一个main容器是flex布局,左边一个logo固定宽高,右边content动态宽度. <div class="main"> <img alt="" class="logo" src="pic.jpg"> <div class="content"> <h4 class="name">a name</h4> <p c…

不同场景下使用CSS隐藏元素

使用 CSS 让元素不可见的方法很多,剪裁.定位到屏幕外.明度变化等都是可以的.虽然它们都是肉眼不可见,但背后却在多个维度上都有差别. 元素不可见,同时不占据空间.辅助设备无法访问.不渲染使用 script 标签隐.例如: <script type="text/html"> <img src="1.jpg"> </script> 此时,图片 1.jpg 是不会有请求的.<script> 标签是不支持嵌套的,因此,如果…

引入public文件目錄下js/css文件

flex 布局下，css 设置文本不换行时，省略号不显示的解决办法

大致是有一个 main 容器是 flex 布局,左边一个 logo 固定宽高,右边 content 动态宽度. <div class="main"> <img alt="" class="logo" src="pic.jpg"> <div class="content"> <h4 class="name">a name</h4>…

IE6下面的css调试工具

在开发过程中,代码部分实现之后,就要着手于前台展示部分的界面,公司的美工又是新手,无奈,只有自己慢慢调了,但IE6之前的版本都没有好的调试工具,后来在网上搜索了一个 IE Developer Toolbar 这个工具还不错,但是对于我这个用习惯chrome和firefox的人来说,确实是个不小的挑战,于是乎最近又在网上搜索,看看能不能找一个跟chrome或者是firedebug类似的针对IE6的网页调试工具, 不巧真被我找到了.大喜之后,赶紧记录下,分享出来. 废话不说了. 工具的名字是fire…

下划线css

/* <div class="text">header</div> */ .text { /* 作用元素 */ display: inline-block; position: relative; padding: 10px 0; } .text:after { /* 下划线伪元素 */ display: block; content: ''; /* 控制下划线动画起始位置 */ position: absolute; left: 0; right: 0; ma…

ci调用application/views下的css，js，图片资源出现You don't have permission to access CodeIgniter on this server解决

原因是view文件下面有个.htaccess文件,里面写的是 Deny from all //拒绝所有请求自己本地测试的话,就直接去掉,放到服务器就指定application/views文件夹下面的东西可以访问权限放在服务器上,在这句话下面增加正则制定可以访问application/views文件夹下面的东西就可以…

IE下兼容Css+HTML5

/*! HTML5 Shiv vpre3.6 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed Uncompressed source: https://github.com/aFarkas/html5shiv http://html5shiv.googlecode.com/svn/trunk/html5.js */ (function(a,b){function h(a,b){]||a.documentElement;,f=(a.ge…

style标签下的CSS代码的显示与实时编辑

style标签也是标签首先设置body style的样式 body style{ display:block; padding:0.6em 0.8em; border:1px dashed #ccc; background-color:#f5f5f5; color:#000; font-family:Monaco, monospace; font-size:12px; white-space:pre-wrap; word-wrap:break-word; } 然后再body里面放人可编辑的st…

【重要的css属性学习】看了乙醇的文章，统计了几个高star前端框架下，Css属性出现最多的，这里学习记录一下

color background-color display margin-left border-color padding max-width margin-bottom width flex 待续...…

IE7浏览器下CSS属性选择器二三事

一.为何专门说起IE7 以前,或者说数年前,我们从事桌面端网页开发的时候,基本上都还要兼顾IE6浏览器, 即使有些特性,IE7支持,我们也会忽略之.于是,我们会不自然地把IE6和IE7浏览器归为一路货色,研究的多半是两个浏览器共性的东西,比方说haslayout之类的. 但是,最近1~2年,至少我个人所从事的桌面PC项目都不需要管IE6浏览器(0.3%)了,但是,还是要关心IE7浏览器(3%+)的.虽然,我们有丰富的处理IE6浏览器的经验,但是,当我们不要管IE6浏览器的时候,我们前端技术的选型…

怎样用css写出一个下拉菜单

ASP.NET MVC学习中记录下使用JavaScript和CSS层叠样式表的经历

首先我是想要在ASP.NET MVC 5.0中使用从jQuery之家下载下来的插件. 在下载了许多我觉得好用方便的插件之后,我在VS2017中新建了一个项目叫MVCTest,然后选择MVC模板,等待自动生成Home控制器和相关页面,如下图: 然后我把自己下载的许多插件中的一个(jQuery图文卡片3D叠加轮播切换代码,这个效果后面会看到)zip包解压后得到的文件夹复制到MVCTest中的Views文件夹下,拷贝的内容是下图中红圈圈起来的地方: 这是拷贝到MVCTest之后,两个红圈的Index.…