技巧_第28页_建站学习网

当前位置：建站学习网 > TAG标签 > 技巧

利用CSS3实现文本框的清除按钮相关的一些效果

2016-12-29 116阅读

新技能传授-哔哔哔哔 search类型搜索框，设计师常常会设计一个叉叉图标，表示用户点之久可以清除输入的内容。比方说这个：这是不错的体验! 当前现代浏览器中，Chrome浏览器下type=search的输入框会有清除按钮的动态呈现，不过搜索input框尺寸不太好控制(padding无视);Fire...
浅谈CSS编程的OOCSS和SMACSS设计模式

2016-12-29 95阅读

真心觉得写出 CSS 并不难，但是要写出可被维护的 CSS 比其他程式语言都还难。所幸已经有许多大师级的人物，提出许多设计模式和思维，借由站在巨人的肩膀上可以让事情事半功倍。这篇文章就来说说 OOCSS、SMACSS 和撰写 CSS 时应该注意的规范。（本文的例子用的是 SCSS 语法） OOCS...
设置margin和padding为0可去掉DIV与DIV的空白

2016-12-29 101阅读

div中左右居中代码 text-align:center;（水平方向）vertical-align:middle;（垂直方向） line-height:30px;（30px是与设置的div的高度一样）怎么样去掉DIV与DIV的空白状况描述： 1）div与div之间怎么有一条空白线？ 2）div图...
通过CSS禁用页面内容选中和复制操作

2016-12-29 90阅读

代码如下: -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;
css实现body背景图片水平垂直居中方法

2016-12-29 97阅读

style type=text/css *{margin:0; padding:0;} html,body{ width:100%; height:100%;} body{ background:#fff url(/eg/eg_2014_01_02_14_50.jpg) center no-repe...
让网站变灰的css代码

2016-12-29 98阅读

四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面笔者整理了几种让网页变灰色的CSS代码方法1：支持IE !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xht...
CSS绿色导航菜单制作实例

2016-12-29 94阅读

网站上的菜单大部分都是由CSS来实现的，不管是带动画效果，或是不带动画效果，不管是一级菜单或是多级菜单，不管是横向菜单，也不管是竖向菜单，几乎都与CSS关系密切。现在用CSS代码实战一款简洁的绿色导航菜单，是一个基本型菜单，没有使用jQuery，也没有加入动画效果，目的是让CSS新手学会如何制作一个...
创建多个边框box阴影css代码

2016-12-29 76阅读

How to Create Multiple Borders in CSS3 非常酷的方式创建box阴影，允许你创建多个边框 box-shadow: 0 0 0 2px #000, 0 0 0 3px #999, 0 0 0 9px #fa0, 0 0 0 10px #666, 0 0 0 16px...
DIV CSS网页布局需要掌握的八大技巧

2016-12-29 90阅读

你对DIV CSS网页布局需要掌握的技巧是否熟悉，这里和大家分享一下，良好的习惯可能会使你的设计周期加倍缩短。 DIV CSS网页布局需要掌握的技巧汇总以下是进行CSS设计时的八个必要的小技巧，良好的习惯可能会使你的设计周期加倍缩短。 1.DIV CSS网页布局若有疑问立即检测在出错时若能对原始...
源自CODEPEN的25个最受欢迎的HTML/CSS代码

2016-12-29 113阅读

Codepen是一个非常了不起的网站，也是全球web前端开发人员的圣地! 我搜索了一些时下最好最流行的codepen(仅限于HTML和CSS)。如果你能把它们融入到设计中去，那么就会大大节省很多时间。在下面的例子中你会看到各式各样的片段，HTML 陈列，登录方式，垂直菜单，甚至时下最流行的主题：扁...

添加微信客服

×

欢迎您登陆建站学习网

QQ一键登陆建站学习网账号登录