随笔分类 -  CSS

禁用a标签
摘要：【转】CSS-禁用a标签 <style> a.disabled { pointer-events: none; filter: alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity: 0.5; /*Firefox私有，透明度50%*/ opacity: 0. 阅读全文
posted @ 2018-09-08 22:43 Fairyspace 阅读(1179) 评论(0) 推荐(0)
CSS3动画之animation属性
摘要：一、概述 CSS3的animation属性可以像flash制作动画一样，通过关键帧控制动画的每一步，实现更为复杂的动画效果。使用方法： 1）利用@keyframes声明一个关键帧组。 2）在animation属性中调用上述声明的的关键帧组，来实现动画。 二、浏览器兼容性 为了最大限度的兼容各个浏览器 阅读全文
posted @ 2018-07-16 10:36 Fairyspace 阅读(4088) 评论(0) 推荐(0)
Less简介
摘要：Less是一种CSS预处理技术，它是一种动态样式语言，属于CSS预处理语言中的一种，它使用类似CSS的语法，为css赋予了动态语言的特性，如变量、继承、运算、函数等，更方便css的编写和维护。它以在多种语言环境中使用，包括浏览器端、桌面客户端、服务器端。 阅读全文
posted @ 2018-07-16 10:09 Fairyspace 阅读(190) 评论(0) 推荐(0)
link 和@import 的区别
摘要：1、 link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务，@import属于CSS范畴，只能加载CSS；2、 link引用CSS时，在页面载入时同时加载，@import需要页面网页完全载入以后加载；3、 link是XHTML标签，无兼容问题，@import是在CSS2.1提出的， 阅读全文
posted @ 2018-07-13 11:07 Fairyspace 阅读(136) 评论(0) 推荐(0)
如何对网页的加载进行性能优化
摘要：1、图片优化，压缩文本和图片2、减少请求次数3、合并JS文件和CSS样式4、延迟显示可见区域外的内容5、延迟加载和执行非必要的脚本6、确保功能性图片优先加载7、使用AJAX请求8、精简代码 阅读全文
posted @ 2018-07-13 11:02 Fairyspace 阅读(164) 评论(0) 推荐(0)
border-style有哪些值？
摘要：border-style:dashed; /*虚线*/border-style:dotted; /*点线*/border-style:double; /*双线边框*/border-style:groove; /*根据border-color的值画3D凹槽*/border-style:hidden; 阅读全文
posted @ 2018-07-13 09:34 Fairyspace 阅读(373) 评论(0) 推荐(0)
CSS设置DIV居中
摘要：<style type="text/css">body{ text-align:center;} .divs{ margin:0 auto;}</style> <body> <div class="divs">CSS设置DIV居中</div></body> 阅读全文
posted @ 2018-07-13 09:24 Fairyspace 阅读(3302) 评论(0) 推荐(0)
设置表格边框颜色
摘要：1、源码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>设置表格边框颜色</title> <meta http-equiv="keywords" content="key 阅读全文
posted @ 2018-07-05 16:18 Fairyspace 阅读(643) 评论(0) 推荐(0)
纯css修改下拉列表select的默认样式
摘要：html代码： 给select添加父元素div目的是为了，用div的样式覆盖住select样式。 css代码： 效果图： 阅读全文
posted @ 2018-06-06 16:26 Fairyspace 阅读(3211) 评论(0) 推荐(0)
css table之合并单元格
摘要：【转】css table之合并单元格 colspan 是合并列，rowspan是合并行，合并行的时候，比如rowspan="2"，它的下一行tr会少一列；合并列的时候 colspan="2"，此行的列会少一列 <table border="1" style={{margin:200}}> <tbod 阅读全文
posted @ 2018-05-04 00:43 Fairyspace 阅读(1942) 评论(0) 推荐(0)
CSS3打造3D效果
摘要：【转】CSS3打造3D效果——perspective transform的深度剖析 声明：此篇博文虽是自己手写，但大量资源取自 张鑫旭 的博文。想看更详细 更专业的剖析请看张鑫旭的博文。 昨天对css3的transform做了初步的分析和认识，突然看到perspective属性，调了半天没看出任何效 阅读全文
posted @ 2018-02-07 13:41 Fairyspace 阅读(163) 评论(0) 推荐(0)
样式重置 css reset
摘要：【转】样式重置 css reset 新浪的初始化： 1 html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { 2 margin: 0; 3 padding: 0 4 } 5 fieldset,img { 阅读全文
posted @ 2018-01-13 22:38 Fairyspace 阅读(169) 评论(0) 推荐(0)
CSS文本样式
摘要：一、文字样式属性 字体：font-family 文字大小：font-size 文字颜色：color 文字粗细：font-weight 文字样式：font-style font-family： 1、含空格和中文的字体名，用英文引号""括起 2、多个字体，用英文逗号,隔开 3、引号嵌套，外使用双引号，内 阅读全文
posted @ 2018-01-07 22:19 Fairyspace 阅读(146) 评论(0) 推荐(0)
CSS引入的方式有哪些? link和@import的区别是?
摘要：CSS引入的方式有哪些? link和@import的区别是? 有 4 种方式可以在 HTML 中引入 CSS。 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例： <div style="background: red"></div> 这通常是个很糟糕的 阅读全文
posted @ 2017-10-22 14:50 Fairyspace 阅读(271) 评论(0) 推荐(0)