2016年10月7日
图片和文字在同一水平线上
摘要： 在写页面的时候，我们经常会遇到，图片和文字的位置问题，比如图片和文字在同一水平线上，这个时候如果我们用2个div浮动来实现，或者一个div，图＋文字的方式实现，图片往往达不到标准的效果，此时需要调整图片的位置，来使得图片和文字在同一水平线上。 效果如上图，后期需要调整图片的位置，使之与文字在同一水平 阅读全文
posted @ 2016-10-07 11:33 晨曦橙 阅读(2082) 评论(0) 推荐(0) 编辑
如何改变无序列表的颜色
摘要： 默认的无序列表的符号样式都是一个小的黑色实心圆点。通过list-style-type 可以改变样式的形状，比如圆圈，方块和其他自定义的图片 但是有些时候，为了突出，我们需要将黑色圆点，变化成为其他颜色，比如红色、黄色等一、简单写一个无序列表<!DOCTYPE html><html lang="en" 阅读全文
posted @ 2016-10-07 11:05 晨曦橙 阅读(14652) 评论(0) 推荐(0) 编辑
2016年9月25日
引用Bootstrap需要注意的地方
摘要： 对于复杂的网页，采用原生代码写的话，会很繁琐，时间也会花费很长。如果引用Bootstrap的话，会大大较少我们写页面的时间，提高我们的办事效率。 但是，Bootstrap里面有很多事前别人写好的代码，有些是改变不了的，所以，有利有弊。 接下来，介绍下引用Bootstrap需要注意的事项。 首先，下载 阅读全文
posted @ 2016-09-25 21:07 晨曦橙 阅读(3408) 评论(0) 推荐(0) 编辑
响应式布局
摘要： 当今，中国网页一般都是分为APP和PC端来进行布局的，意思是写套网页。 在国外，一般都是写一套，自适应的网页。 今天，简单的介绍下，通过@media这种媒体查询，通过改变屏幕的宽度，从而来达到自适应的效果 和平时单独分开写网页有点不一样，这种自适应的网页，需要我们建立3个css文件，意思是要引用3个 阅读全文
posted @ 2016-09-25 21:00 晨曦橙 阅读(148) 评论(0) 推荐(0) 编辑
2016年9月19日
浅谈less
摘要： less定义：less是css扩展技术 引用变量，mixin混合，运算，以及函数 简化css代码，降低css维护成本 配合使用解析器 kolar 写less的步骤：建立文件夹，然后再建立.html 以及.less的文本 启动kolar 配置路径 + 找到less文件 写一部分less文件，再在kol 阅读全文
posted @ 2016-09-19 01:24 晨曦橙 阅读(362) 评论(0) 推荐(0) 编辑
雪碧图的制作
摘要： 雪碧图，又称精灵图，利用其定位来确定我们需要采用的图片。 使用方面，大大的减少了请求次数，提高了效率。 合并雪碧图，需要将所有的图片的宽高设置成一样的。然后利用其在X、Y轴的位置来确定图片。 举例说明： 这个是一张高宽都一样的图片 利用定位（注意雪碧图是使用它的背景定位做的） 具体操作步骤如下： 在 阅读全文
posted @ 2016-09-19 01:21 晨曦橙 阅读(929) 评论(1) 推荐(1) 编辑
2016年9月11日
CSS文本样式效果
摘要： css，层叠样式表，现如今，我们可以利用css写出很多有趣好看的样式，来直接在网页中显示出来。为我们提供了很多便利之处。 这篇文章中，我总结了几个有趣的用css写出的文本样式。 1、文本阴影有趣的效果——文本的光晕。 2、雕刻的文本 3、三维凹槽边框的设置 4、三维凸槽边框的设置 5、三维凹边的设置 阅读全文
posted @ 2016-09-11 21:23 晨曦橙 阅读(528) 评论(0) 推荐(0) 编辑
HTML制作三角型
摘要： 用HTML制作出三角型，步骤如下： 1、建立一个div 2、将这个div的边框分别进行设置，注意将四边的边框设置成为相同的粗细，以及其他样式。意思就是将div的 boder-top boder-right boder-botton boder-left 设置成为除了颜色不一样，其他都一模一样。 2、 阅读全文
posted @ 2016-09-11 20:31 晨曦橙 阅读(4368) 评论(0) 推荐(0) 编辑
2016年9月4日
HTML表格基础
摘要： 表格：HTML中编辑表格，可以先把整体的框架做出来。表格其实是由以下几部分组成的。 一、组成： 表格是由标题、表头、行、单元格组成。 标题：caption 表头：th 行<tr> 单元格<td> :表格是由很多行组成，每一行是由一个个单元格组成的。 二、表格设置 通过一，表格基本能够写出来了，但是， 阅读全文
posted @ 2016-09-04 22:18 晨曦橙 阅读(234) 评论(0) 推荐(0) 编辑
HTML常用标签
摘要： 一、什么是HTML： HTML：超文本标记语言。HTML用来描述结构的——例如标题、段落，列表、表格、表单等。 二、实现的软件 文本编辑器，浏览器。 文本编辑器：苹果: TextWrangler Windows:Pspad(有中文的）、 记事本（保存类型选择为所有文件，文件名.html)、Webst 阅读全文
posted @ 2016-09-04 21:31 晨曦橙 阅读(193) 评论(0) 推荐(0) 编辑