CSS3
文章平均质量分 86
javascript艺术
不积跬步无以至千里,不积小流无以成江河!功不唐捐,玉汝于成!
展开
-
看完这篇,对flex布局还不熟悉,那就来找我(flex布局最全详解)
前言传统的页面布局,基于盒子模型margin + border + padding + content,依赖 display + position + float。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。目前,Flex 布局,可以简便、完整、响应式地实现各种页面布局。它已经得到了所有浏览器的支持。什么是flex布局?Flex 是 Flexible Bo...原创 2021-05-24 15:44:56 · 1064 阅读 · 3 评论 -
js监听滚动到相应的div
<nav> <ul> <li><a href="#About">About</a></li> <li><a href="#Skill">Skill</a></li&原创 2018-11-02 11:36:52 · 3972 阅读 · 0 评论 -
css文本溢出显示...
语法text-overflow: clip|ellipsis|string;值 描述 clip 修剪文本。 ellipsis 显示省略符号来代表被修剪的文本。 string 使用给定的字符串来代表被修剪的文本。 .text { text-align: center; white-space:nowra...原创 2018-11-01 11:05:42 · 1422 阅读 · 0 评论 -
express搭建个人博客(一)
1.首先需要安装node环境,版本最新比较好,最低4.0+吧 我本地的node环境是6.4: 2.express中文官网:http://www.expressjs.com.cn/,在这里大家可以学习完整的express框架 3.到官网可以学一些express的基础用法,初始化一个项目seed可以使用express生成器npm install express-genera...原创 2018-10-09 11:10:14 · 3074 阅读 · 0 评论 -
less入门
less是一门css预处理语言,它扩展了css语言,增加了变量,Mixin,函数等新特性,使css更易维护和扩展,less可以运行在浏览器和服务器端嵌套less的优势有很多,最常用也是最让人舒坦的应该就是它的嵌套规则。 我们写css时如果元素过多,每个都像.test .contnet ul li{ }这样写的话,大概会疯,结构不清晰,查找起来也不知道哪块归哪块,反正长长的都是css。在less中,...转载 2018-04-27 19:40:55 · 186 阅读 · 0 评论 -
CSS3 transform
旋转divdiv{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:rotate(7de原创 2017-09-27 16:40:37 · 307 阅读 · 0 评论 -
如何设置输入框 input 中 placeholder的字体颜色、字号
一、须知placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。 二、设置placeholder文字颜色、字号方式1因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebK转载 2017-10-10 11:30:59 · 1443 阅读 · 0 评论 -
几种可以让元素水平垂直居中的方法
1.负margin法:这是比较常用的方法,在知道元素的宽高的前提下才能使用#a{ height:300px; width:300px; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-150px;} 注:负margin是个非常有意思的用法,深入了解后会发现转载 2017-10-21 11:49:24 · 353 阅读 · 0 评论 -
带图标的input
带图标的input我写的这段代码是一个登陆页,响应式且垂直居中html代码原创 2017-10-21 13:43:58 · 900 阅读 · 0 评论 -
loading图标
一款有创意的图标库网站,可以自定义https://icons8.com/preloaders/欢迎关注我的个人技术公众号!javascript艺术原创 2017-11-08 14:26:53 · 699 阅读 · 0 评论 -
如何设置输入框 input 中 placeholder的字体颜色、字号
一、须知placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。 二、设置placeholder文字颜色、字号方式1因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebK原创 2018-01-05 10:33:11 · 1389 阅读 · 0 评论 -
页面还未加载完成显示loading
页面未加载完成,显示loading的图标html代码 css 代码#loading{ width: 100%; height: 100%; background-color: #fff; position: fixed; top:0; left: 0; z-index: 9999;} #loading >i{ width:原创 2017-11-08 16:21:22 · 10147 阅读 · 0 评论