随笔分类 -  CSS

上一页 1 2 3
去掉li列表前面的空格
摘要：如果用li做列表的话，li前面的空格其实是li的默认样式。因为li位于ul里面，所以，有空格代表了ul肯定有padding值。 阅读全文
posted @ 2016-04-27 23:29 嘆世殘者——華帥 阅读(596) 评论(0) 推荐(0)
CSS中表示cellpadding和cellspacing的方法
摘要：table{ border-collapse:collapse; } 阅读全文
posted @ 2016-04-26 11:37 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)
细框表格
摘要：CSS HTML 阅读全文
posted @ 2016-04-15 11:52 嘆世殘者——華帥 阅读(179) 评论(0) 推荐(0)
去除HTML5 SUMMARY 标签前的三角形
摘要：在CSS添加如下代码（Chrome）： 阅读全文
posted @ 2016-04-12 13:32 嘆世殘者——華帥 阅读(691) 评论(0) 推荐(0)
div展现与收起效果（鼠标移入移出）
摘要：效果图： 移入： 移出： 阅读全文
posted @ 2016-04-11 23:27 嘆世殘者——華帥 阅读(694) 评论(0) 推荐(0)
div展开与收起（鼠标点击）
摘要：效果图： 阅读全文
posted @ 2016-04-11 22:22 嘆世殘者——華帥 阅读(3207) 评论(0) 推荐(0)
bootstrap 文本对齐风格
摘要：Bootstrap通过定义四个类名来控制文本的对齐风格： ☑ .text-left：左对齐 ☑ .text-center：居中对齐 ☑ .text-right：右对齐 ☑ .text-justify：两端对齐 P.S.：目前两端对齐在各浏览器下解析各有不同，特别是应用于中文文本的时候。所以项目中慎用 阅读全文
posted @ 2016-04-09 11:10 嘆世殘者——華帥 阅读(284) 评论(0) 推荐(0)
bootstrap 强调相关的类
摘要：.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b 阅读全文
posted @ 2016-04-09 11:05 嘆世殘者——華帥 阅读(139) 评论(0) 推荐(0)
bootstrap 全局样式设置
摘要：HTML CSS Bootstrap框架在这一部分做了一定的变更，不再一味追求归零，而是更注重重置可能产生问题的样式（如，body,form的margin等），保留和坚持部分浏览器的基础样式，解决部分潜在的问题，提升一些细节的体验，具体说明如下： 移除body的margin声明 设置body的背景色 阅读全文
posted @ 2016-04-09 10:24 嘆世殘者——華帥 阅读(532) 评论(0) 推荐(0)
TOP排行新闻列表。
摘要：效果图： 阅读全文
posted @ 2016-03-25 18:52 嘆世殘者——華帥 阅读(206) 评论(0) 推荐(0)
布局解决方案——居中布局
摘要：HTML   CSS 兼容性较好：   兼容性一般：   兼容性不好   阅读全文
posted @ 2016-03-15 19:23 嘆世殘者——華帥 阅读(152) 评论(0) 推荐(0)
bootstrap导航
摘要：HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"><!-- 开启IE8渲染模式 --> <meta n 阅读全文
posted @ 2016-03-12 19:22 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)
图片滚动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #bo 阅读全文
posted @ 2016-03-08 10:22 嘆世殘者——華帥 阅读(148) 评论(0) 推荐(0)
layer.js弹出框
摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>layer</title> <link rel="stylesheet" type="text/css" href="css/index.css"> 阅读全文
posted @ 2016-03-06 21:41 嘆世殘者——華帥 阅读(447) 评论(0) 推荐(0)
JQuery简易轮播图
摘要：html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/demo.css"> <script type="te 阅读全文
posted @ 2016-03-06 12:38 嘆世殘者——華帥 阅读(244) 评论(0) 推荐(0)
图片3D旋转
摘要：<!DOCTYPE html5> <html lang="en"> <head> <meta charset="UTF-8"> <title>3D旋转幻灯片</title> </head> <style type="text/css"> body{ perspective:500px; perspe 阅读全文
posted @ 2016-03-05 16:43 嘆世殘者——華帥 阅读(226) 评论(0) 推荐(0)
某东侧边快捷按钮小案例
摘要：某东效果： 简易实现效果： P.S：图片不是重点.... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> bo 阅读全文
posted @ 2016-03-04 20:57 嘆世殘者——華帥 阅读(228) 评论(0) 推荐(0)
去掉博客园的广告
摘要：博客园每篇文章页面底部的广告令人很不爽审查元素后发现DIV的Class都是c_ad_block然后在设置-页面定制CSS代码中添加了个CSS.c_ad_block{ display:none;} 阅读全文
posted @ 2015-07-15 15:29 嘆世殘者——華帥 阅读(177) 评论(0) 推荐(0)

上一页 1 2 3