摘要: 首先当然要去官网下载相关文件(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 曾许诺 阅读(151) 评论(0) 推荐(0) 编辑
摘要: CSS框架是一种你能够使用在你的web项目中概念上的结构,是别人已经写完的,而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: * grid.css 表格布局 * layout.css 布局 * form.css 表单 * gener 阅读全文
posted @ 2017-06-28 21:25 曾许诺 阅读(948) 评论(0) 推荐(0) 编辑
摘要: 1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页 阅读全文
posted @ 2017-06-26 22:33 曾许诺 阅读(190) 评论(0) 推荐(0) 编辑
摘要: CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。 阅读全文
posted @ 2017-06-25 23:54 曾许诺 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS /* 生成的 CSS */ @color: #4D926F; #header { #header { color: #4D926F; color: @c 阅读全文
posted @ 2017-06-25 23:45 曾许诺 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 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 曾许诺 阅读(159) 评论(0) 推荐(0) 编辑
摘要: ①input的作用分为:单选按钮、文本框、密码框、复选按钮、隐藏表单域、文本选择框、图片按钮、普通按钮、提交按钮、重置按钮 ②select的作用:可创建单选或多选菜单,含有<option>标签 在HTML5中的新属性:1.autofocus属性 值autofocus 规定在页面加载后文本区域自动获得 阅读全文
posted @ 2017-06-19 23:01 曾许诺 阅读(977) 评论(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 曾许诺 阅读(154) 评论(0) 推荐(0) 编辑
摘要: ①text-overflow:他设置值为ellipsis的意思为,超出部分不显示并且出现省略号,该属性需要overflow:hidden;这个设置为前置支持; 而一旦加上white-space:nowrap;代表一行显示且不换行; ②Word-warp:break-Word;只针对英文字母,超出范围 阅读全文
posted @ 2017-06-18 17:58 曾许诺 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 优点:①决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用,IE-7不支持BFC ②与普通容器相比,BFC元素可以看做是隔离了独立容器,内部的元素不会在布局上影响外面元素。 满足任意下面条件元素可以形成BFC: ①浮动元素:float除none外的值; ②绝对定位元素:position: 阅读全文
posted @ 2017-06-18 17:51 曾许诺 阅读(160) 评论(0) 推荐(0) 编辑