css
文章平均质量分 58
yyrSun
这个作者很懒,什么都没留下…
展开
-
改变radio默认选中颜色
css简单改变radio默认选中样式原创 2017-05-31 15:03:33 · 31622 阅读 · 0 评论 -
阿里巴巴图标字体引入
项目需要,在阿里巴巴图标库上直接进行图标字体的引入。ui设计师制作效果图: 先下载字体包,然后进行css样式的引入。如图: 2.在页面进行代码的编辑:<i class="icon-icon-test iconfont"></i>注意这里后面的 类 .iconfont 是每个必须要加的。 根据图标的类名可以进行字体大小样式的改变。原创 2018-01-03 12:06:26 · 675 阅读 · 0 评论 -
CSS Grid 网格布局
CSS Grid 网格布局由两个核心组成部分是 wrapper(父元素) 和 items(子元素)。 wrapper是实际的grid(网格),items是grid(网格)内的元素。下面是实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网格布局</title> <style原创 2017-12-05 10:32:12 · 268 阅读 · 0 评论 -
解决ie8不兼容占位符的问题
// IE placeholder(function($) { $.fn.placeholder = function(options) { var opts = $.extend({}, $.fn.placeholder.defaults, options); var isIE = document.all ? true : false;原创 2017-10-16 16:27:25 · 850 阅读 · 0 评论 -
使input文本框不可编辑的3种方法
在项目中,总会遇到对input文本框属性的改变。disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例:readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或原创 2017-10-16 13:25:23 · 12198 阅读 · 0 评论 -
flex布局制作导航两边的线条
做页面模块的时候,会遇到以标题分割线结合的导航条,现在就利用flex布局制作。原创 2017-09-29 15:10:17 · 945 阅读 · 0 评论 -
css transform制作三角图形
以前做项目的时候,会遇到导航尖角的情况,那时候用的方法就是利用border的四个边的长度做出来的,今天发现一个不一样的方法transform;首先创建html <div class="box"> <div class="sanjiao"> </div> </div>然后编写css样式 *{ margin:0;原创 2017-09-28 15:29:31 · 2121 阅读 · 0 评论 -
css sticky footer
css sticky footer的原理:。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。原创 2017-09-26 11:13:23 · 763 阅读 · 0 评论 -
css3 filter过滤器
CSS3 Filter是W3C CSS filter Effect 1.0中定义的滤镜,是一个使用CSS改变图片和HTML的模糊度、亮度、对比度、饱和度等等效果的过滤器。语法结构:filter:blur(value);blur模糊,图像模糊参数单位:px/em/pt;示例:filter: blur(5px);-webkit-filter: blur(5px);-moz-fil原创 2017-09-25 15:39:48 · 799 阅读 · 0 评论 -
jQuery分类菜单竖直切换代码
每次做项目基本都有侧栏导航样式,相对简单的样式,以后也方便改写。html:内容区域 start-->div class="conter"> div class="conter-box"> 这是左边的导航--> div class="conter-box_l"> div> ul clas原创 2017-08-18 16:44:51 · 879 阅读 · 0 评论 -
ie8不兼容rgba的解决方法
在项目中有模态框的效果,在后台测试的时候,发现ie8并不兼容。filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/在所需要设置的css里面添加这一属性就可以。原创 2017-06-12 13:26:33 · 438 阅读 · 0 评论 -
制作网站的缩略logo标志
制作logo缩略标志主要有以下步骤:1、了解制作工具 favicon.ico: favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,所以你在本站使用ICO图标转换工具就可以轻松达到你的要求。2、在线ico图标原创 2017-06-08 09:55:21 · 740 阅读 · 0 评论