06 2017 档案

960框架
摘要：首先当然要去官网下载相关文件（1）在html文件中引入相关的外部CSS文件： <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/text.css" /> <link rel="stylesh 阅读全文
posted @ 2017-06-28 21:27 曾许诺 阅读(176) 评论(0) 推荐(0)
960概念
摘要：CSS框架是一种你能够使用在你的web项目中概念上的结构，是别人已经写完的，而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如： * grid.css 表格布局 * layout.css 布局 * form.css 表单 * gener 阅读全文
posted @ 2017-06-28 21:25 曾许诺 阅读(988) 评论(0) 推荐(0)
css媒体查询
摘要：1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页 阅读全文
posted @ 2017-06-26 22:33 曾许诺 阅读(206) 评论(0) 推荐(0)
CSS选择器
摘要：CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。 阅读全文
posted @ 2017-06-25 23:54 曾许诺 阅读(142) 评论(0) 推荐(0)
bootstrap中less学习
摘要：变量 变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS /* 生成的 CSS */ @color: #4D926F; #header { #header { color: #4D926F; color: @c 阅读全文
posted @ 2017-06-25 23:45 曾许诺 阅读(135) 评论(0) 推荐(0)
HTML和CSS中的居中效果（1）
摘要：HTML和CSS中的居中效果 单行上下左右居中 Html: <div class=”container”></div> CSS: .container{ width: 600px; height: 300px; text-align: center; line-height: 300px; bord 阅读全文
posted @ 2017-06-25 23:41 曾许诺 阅读(172) 评论(0) 推荐(0)
表单的作用
摘要：①input的作用分为：单选按钮、文本框、密码框、复选按钮、隐藏表单域、文本选择框、图片按钮、普通按钮、提交按钮、重置按钮 ②select的作用：可创建单选或多选菜单，含有<option>标签 在HTML5中的新属性：1.autofocus属性 值autofocus 规定在页面加载后文本区域自动获得 阅读全文
posted @ 2017-06-19 23:01 曾许诺 阅读(1120) 评论(0) 推荐(0)
选择符
摘要：关系选择符： ①E F:所有包含E元素的F元素； ②E>F:所有包含在E元素的所有亲生F字元素； ③E-/F:选择紧贴在E元素之后的F元素； ④E~F:选择E元素后所有的兄第F元素； 伪类选择器： 适用于打印：①E：hover；设置元素在其鼠标悬停时的样式； ②E:focus；元素在成为输入焦点时样 阅读全文
posted @ 2017-06-18 18:08 曾许诺 阅读(183) 评论(0) 推荐(0)
文本溢出
摘要：①text-overflow：他设置值为ellipsis的意思为，超出部分不显示并且出现省略号，该属性需要overflow：hidden；这个设置为前置支持； 而一旦加上white-space：nowrap;代表一行显示且不换行； ②Word-warp：break-Word；只针对英文字母，超出范围 阅读全文
posted @ 2017-06-18 17:58 曾许诺 阅读(125) 评论(0) 推荐(0)
BFC（块级化上下文）
摘要：优点：①决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，IE-7不支持BFC ②与普通容器相比，BFC元素可以看做是隔离了独立容器，内部的元素不会在布局上影响外面元素。 满足任意下面条件元素可以形成BFC： ①浮动元素：float除none外的值； ②绝对定位元素：position： 阅读全文
posted @ 2017-06-18 17:51 曾许诺 阅读(185) 评论(0) 推荐(0)
bootstrap中的下拉菜单
摘要：下拉菜单必要的代码： <div class="container"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" id="aa" data-toggle="dropdown" aria-expanded 阅读全文
posted @ 2017-06-14 17:18 曾许诺 阅读(276) 评论(0) 推荐(0)
bootstrap
摘要：必不可少的代码:<！DOCTYPE.html> <html lang=“en”> <head> <meta charset=“utf-8”> <meta http-equiv=“X-UA-compatible content=“IE=edge”> . <meta name=“viewport” co 阅读全文
posted @ 2017-06-12 00:30 曾许诺 阅读(90) 评论(0) 推荐(0)
字体图标
摘要：理解:用字体文件代替图片文件。 好处:①提高网页性能; ②无限放大不失真; ③为响应式布局提供优秀图片解决方案; 缺点:①只能处理单种颜色; ②制作字体图标是很耗时间的。 阅读全文
posted @ 2017-06-12 00:13 曾许诺 阅读(133) 评论(0) 推荐(0)
3D转换
摘要：3D转换:①过渡效果:属性“transition” a,设置需要出现过渡效果的属性名称(transition-property),可以用all代表所有css属性。 b,过渡效果执行持续的时间(transition-duration),单位一般用“s”秒。 c,过渡的动画效果，贝塞尔曲线模式(tran 阅读全文
posted @ 2017-06-11 23:57 曾许诺 阅读(128) 评论(0) 推荐(0)