06 2017 档案

关于css阴影和浮动
摘要：盒子阴影box-shadow box-shadow：0 0 1px #000 inset; 水平 垂直 模糊 颜色 ； [1] inset代表框内阴影,不加inset代表框外阴影 [2]第1个值为0时，代表左右边框阴影为1px范围 第1个值为正整数 代表左边框阴影 第1个值为负整数 代表右边框阴影 阅读全文
posted @ 2017-06-25 22:30 林水 阅读(1147) 评论(0) 推荐(0)
css文件分类
摘要：简介 CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。 作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要 阅读全文
posted @ 2017-06-25 13:42 林水 阅读(711) 评论(0) 推荐(0)
按钮效果
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .mybtn{ display: inline-block; padding: 5px 8px; border: .5p 阅读全文
posted @ 2017-06-25 13:38 林水 阅读(181) 评论(0) 推荐(0)
二级导航栏
摘要：像这样，一个菜单横向菜单就建好了，下来我们给栏目一，栏目二，栏目三，添加二级下拉菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a> <ul> <li><a href="#">二级栏目</a></li> <li><a href="#">二级栏目</a>< 阅读全文
posted @ 2017-06-25 13:35 林水 阅读(259) 评论(0) 推荐(0)
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理
摘要：CSS3中的变形处理(transform)属 CSS3中的变形处理(transform)属 transform的功能分类 1.旋转 transform:rotate(45deg); 该语句使div元素顺时针旋转45度。deg是CSS 3的“Values and Units”模块中定义的一个角度单位。 阅读全文
posted @ 2017-06-25 13:32 林水 阅读(5023) 评论(0) 推荐(0)
CSS3背景定位 background-origin
摘要：background-size　大小 语法 background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>： 取值为0 阅读全文
posted @ 2017-06-23 00:34 林水 阅读(180) 评论(0) 推荐(0)
什么是优雅降级和渐进增强
摘要：优雅降级和渐进增强印象中是随着css3流出来的一个概念。由于低级浏览器不支持css3，但css3的效果又太优秀不忍放弃，所以在高级浏览中使用css3而低级浏览器只保证最基本的功能。咋一看两个概念差不多，都是在关注不同浏览器下的不同体验，关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异。 阅读全文
posted @ 2017-06-23 00:30 林水 阅读(180) 评论(0) 推荐(0)
居中
摘要：普通div和html混写可以这样写，设置 text-align:center， margin:0px auto 最简单的方法就是 把你的body这样设置： <body style="text-align:center;"><div style="margin:0px auto"></div> </b 阅读全文
posted @ 2017-06-22 13:14 林水 阅读(99) 评论(0) 推荐(0)
所学的一部分
摘要：这周学的bootstrap组件，起步，javaSript插件，全局CSS样式我已没有全部领悟，但我也不知道方法的运用，我总是在资料上找相同的题型来寻找解题，这周的学习不易好。 字体图标，一：不加紧练习二：没有集中 还有太多的坏毛病要改掉，不知道怎么去解决问题，烦恼多，也希望能继续努力下去吧，也有很多 阅读全文
posted @ 2017-06-11 22:35 林水 阅读(87) 评论(0) 推荐(0)