css

一个前端写的php博客系统--支持markdown哦

部署的地址我的博客地址起因最近买了个新的域名,同时在阿里云申请了免费的虚拟主机。。。借此机会就想搞个自己的博客站点,虽然之前也使用了hexo + github 、 WordPress 做过,但是我的阿里云虚拟主机实在是不知道怎么去搞hexo (也许根本就搞不起来,除非自己花钱买主机,哈哈)。。。WordPress总是感觉好笨重,运行起来一股的人到中年,气喘吁吁啊。。。百度之

开发规范(三)CSS规范

开发规范(一)目录规范 开发规范(二)命名规范及注释规范 开发规范(三)CSS规范 开发规范(四)JS规范 概述 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵照本规范进行前台页面开发。 CSS规范 目前沿用NEC规范,阅读本规范前请熟读 NEC规范 补充规范 阅读 CSS编码规范 补充规范是指在NEC规范上扩展的规范,部

一个纯CSS3实现的酷炫翻书效果

项目地址:https://github.com/BUPT-HJM/c...demo地址:https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性,perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离,使具有三维位置变换的元素产生透视效果。z>0的三维元素

Sass

Sass 是一个CSS 的扩展,在语法CSS语法的基础上,增加变量,嵌套规则, 混合,导入,函数等功能 对CSS进行预处理的“中间语言” 文件格式 .sass ,.scss scss是对css的一种拓展,跟css很像,是开发中最常用的模式。 Sass从第三代开始,放弃了缩进风格,并且完全向下兼容普通的CSS代码。被称为scss 编译Sass Node环境 sass app.

织梦本地调试好的网站怎么上传到服务器

1/ 织梦在本地调试好后,进入本地网站的后台:点击 “系统-----数据库备份/还原”, 织梦本地调试好的网站怎么 上传到服务器。 2/ 把本地程序根目录的install这个文件夹删除。 重新拷贝一个没有安装过织梦程序里面的install文件夹放到本地程序根目录下。 3/ 把本地织梦程序上传到服务器解压后,运行http://你的域名/install/ 这时就可以开始安装

Less

CSS编译语言编译浏览器中使用:less.min.jsNode中编译lessc demo.less // 直接在cli中输出lessc demo.less test.css // 将把demo.less 编译到 test.css 中 (lessc url newUrl)lessc --clean-css demo.less test.css // 将demo.less 编

前端手册

前端手册 前端手册 目录CSS编码规范HTML编码规范JavaScript编码规范其他规范开发工具的使用好书推荐篇学习指导篇前端优化其他更多知识点见issues目录不全,请阅读在线版 下载离线版:pdf、epub、mobi 文档会不定时更新,可以Watch或Star本文挡——Github,更欢迎您加入编辑维护 声明:编码规范参考[百度前端开发规范]修改,或整理于互联网,如有

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示,主要用到CSS3的伪类::after、::before,以及圆角边框border-radius属性。对于下面的气泡框,可以有两种方式实现小三角:传统方式,利用CSS画小三角,利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外,本文还会讲一下CSS的inherit属性值的

解决 css 浮动后 父元素高度失效问题

应用场景 子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix:after, .clearfix:before{content:" ";display:table;} .clearfix:after{clear:bo

获取元素css值

最近写东西碰到一个问题,通过document.getElementById(id).style.XXX无法获取到样式值?查完资料才发现方法只能获取元素的内联样式,那要获取内部样式或外部样式该怎么办? getComputedStyle 原来获取外部样式或内部样式用的是window.getComputedStyle方法,用法如下:getComputedStylediv{widt