CSS3 content
长云9527
长云
展开
-
css3 中的content 使用方法。
要求:更改input radio 和checkbox的原始样式。当点击之后使用content 在元素的后面生成一个width height 分别是20px 的div 通过固定定位使其原始radio或者checkbox被覆盖。 然后就可以写background样式了。input[type=checkbox]:checked:after{ width:20px; hei原创 2015-12-03 10:07:38 · 1069 阅读 · 0 评论 -
css3 投影
表示有时候也很难搞懂这个投影的结。这里奉上一个关于投影的例子动效十分酷炫。http://www.17sucai.com/pins/demoshow/7625http://www.17sucai.com/pins/7223.html翻译 2016-07-02 10:54:32 · 564 阅读 · 0 评论 -
css3 解决未知高宽垂直居中的问题
常在absolute之后, 想让元素居中,都会采用margin-top:-[元素高度的一半]和margin-left:-[元素宽度的一半] , 但是当我们的元素宽高不是固定的时候, 这就难办了, 还好css3里面的translate给了我们很大的方便呀 未知高度宽度水平、垂直居中 .box{原创 2016-08-02 13:57:13 · 1782 阅读 · 0 评论 -
css3 修改input 的 placeholder文字默认颜色-webkit-input-placeholder
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder{ color: #f00;}inp原创 2016-08-30 14:54:38 · 733 阅读 · 0 评论 -
IE浏览器解决table td 的宽度不生效问题
这样设置宽度,无论将宽度设为多大,在ie页面都没有一点反应。但谷歌界面是好的。解决方案: [加个div设置一下宽度就好了]又比如不能设置th的高度只需要在整个完了之后在加一个空的转载 2016-11-17 17:28:58 · 4739 阅读 · 0 评论 -
网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?
语言属性为什么使用 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢? 请参考知乎上的讨论: 网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?htmllang="zh-Hans"><!-- 简体中文 -->htmllang="zh-cmn-Hans"><!-- 繁体中文 -->htmlla转载 2017-01-05 10:55:54 · 29272 阅读 · 0 评论 -
HEAD 模板
htmllang="zh-cmn-Hans">head>metacharset="utf-8">metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">title>Style Guidetitle>metaname="description"content="不超过150个翻译 2017-01-05 11:00:00 · 580 阅读 · 0 评论 -
微信小程序添加使用外部字体
字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 1. 不可能大范围的使用该字体; 2. 图片内容相对使用文字不易修改; 3. 不利于网站SEO。 网络上有一些使用sIFR技术、或javascript/转载 2017-02-27 14:30:42 · 20977 阅读 · 9 评论 -
css实现文字阴影,以及边框阴影
1、文字阴影(text-shadow: 1px 1px 1px lightgray)text-shadow: 1px 1px 1px lightgray;第一个1px:是向x坐标方向的偏移第二个1px;是向y坐标方向的偏移第三个1px;是模糊距离第四的参数:颜色例:1、<!DOCTYPE html><html><head>...转载 2019-01-29 16:45:51 · 1074 阅读 · 0 评论