- 博客(19)
- 收藏
- 关注
RSS订阅原创 渐变
1.linear-gradient(angle, color-point1 ,color-point2......); 线性渐变 angle：指渐变的方向，可以是角度值，也可以是方向,to top(对应角度0deg),to right(90deg),to bottom(180deg),to left(270deg) color-point:表示颜色的起始点，中间点或者
2016-12-13 09:35:26
206
原创 sprite css精灵
CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。如图：想要获取五个星星，可以定义一个名为stars的id
2016-12-12 22:30:58
214
原创 框模型/盒子模型
一、margin（外边距）1.四个值margin：1px 2px 3px 4px (顺序上右下左） 三个值：上右下（第四个值同对边也就是左） 两个值： 上下，左右 一个值：上下左右一样 2.margin的值可为px，也可为%，可为正，可为负，可为0，也可为auto 如：margin：10px auto（居中） 3.单边：margin-top/right/b
2016-12-12 11:13:21
288
原创 图片边框border-image
1.border-image:将图片规定为包围div的边框2.属性：border-image: source width repeat;(source为路径）也可分别写作：border-image-source: border-image-width: border-image-repeat:(repeat平铺，round铺满，stretch拉伸）3.格式：border-image
2016-12-12 09:06:56
390
原创 边框阴影box-shadow
box-shadow:向方框添加阴影box-shadow:h-shadow v-shadow blur spread color inset(顺序不可变)h-shadow:必须，水平阴影位置v-shadow：必须，垂直阴影位置blur：模糊距离spread:阴影的尺寸inset：将外部阴影改为内部阴影，外部阴影：outset,默认为outset.#d1{ box
2016-12-11 22:34:19
385
原创 overflow+京东产品橱窗小案例
内容空间大于设置的框的空间，会溢出，overflow： visible：溢出的内容可见 hidden：溢出的内容隐藏 scroll：无论任何情况下均显示滚动条（不管有没有溢出，横向纵向都显示滚动条，没有溢出的话滚动条为灰色不可用。） auto：浏览器自动判断，需要滚动条则显示，不需要则不显示。 overflow-x:定义横向溢出 overflow-y:纵向溢出
2016-12-10 22:03:18
372
原创 选择器优先级
简单选择器优先级：元素选择器复合选择器优先级：选择器的权值加到一起，大的优先；如果权值相同，后定义的优先。 元素选择器：1 类选择器：10 伪类选择器：10 ID选择器：100 内联样式：1000注意：但也不是简单的相加，而是不同的级别的，比如十一个类选择器的优先级并不比一个id选择器的优先级高。
2016-12-10 17:39:06
266
原创 文章标题
一、方式1.内联方式：定义在单个的html元素中（<p style="color:red">"）,简单直观，但是不具重复性，不能体现结构与样式相分离。2.内部样式表：定义在html的头元素head中，（<style> p{color:red}</style>）,只用于当前页面，且并没有真的实现结构与样式分离。3.外部样式表定义在一个外部的css文件中（.css），由html引用样式表文件
2016-12-09 11:07:12
209
原创 使用css样式表的方式及优先级
1.内联方式：定义在单个的html元素中（<p style="color:red">"）,简单直观，但是不具重复性，不能体现结构与样式相分离。2.内部样式表：定义在html的头元素head中，（<style> p{color:red}</style>）,只用于当前页面，且并没有真的实现结构与样式分离。3.外部样式表定义在一个外部的css文件中（.css），由html引用样式表文件( <li
2016-12-09 10:16:09
442
原创 单选
使用合作账号登录：<input type="radio" name="hezuo" />qq<input type="radio" name="hezuo"/>jd<input type="radio" name="hezuo"/>wxname的值一定要相同，因为name为组名，在一个组内单选。
2016-12-08 16:37:22
196
原创 如何使一级标题和图片并排显示？
一级标题是块级元素，独占一行，如何和图片并排显示呢？可以通过创建一个一行两列的表格，table不设置border，此时标题和图片并排并居中（单元格中央）显示。想要达到标题和图片在同一水平线上，需设置valign="bottom",因为标题一本身底部有几行空白，所以设置图片列的高度，代码如下：<td width="135px"><img src="../img/jd_logo.jpg"/></t
2016-12-08 11:44:20
1792
原创 time元素
两种形式：1.2017年1月10日 直接在浏览器中显示一对标签内的内容2. 牛郎织女相会只显示一对标签内的内容，时间不显示，时间是给服务器看的，注意时间格式。
2016-12-08 10:47:30
507
原创 度量元素 meter
一、读法：['mitɚr]二、作用：用于定义度量衡，常用于静态比例的显示。三、属性：min默认为0；max默认为1；可以设置为1,100，或者总数（如示例2中参与投票的总人数）value度量值，默认为0.四、兼容chrome和firefox支持，ie不支持。五、示例示例1：磁盘1示例2：（注意max的使用）投票：你认为糖葫芦是酸的还是甜的？
2016-12-08 10:33:34
613
原创 浮动框架iframe元素
代码如下： 案例1 案例2 浮动框架iframe frameborder="0" name="window" scrolling="no">这是一个浮动框架， 如果您看到这一段字，请更换浏览器。name=window是在当前窗口打开，与之相对是_blank;scrolling滚动条；scr必备属性。
2016-12-08 08:32:49
690
原创 表单中的特殊空控件
1.将文本与控件联系在一起后，单击文本就像单击控件一样。不要公开我的个人信息2. 为控件分组 为分组指定一个标题如： 组名 ....... 3.文本域/多行文本框文本域默认值rows 行数（高） cols列数（宽）
2016-12-08 07:48:11
213
原创 表单
定义表单：必备属性：表单控件：input type text(默认文本） size(文本框宽） maxlength(文本框最大字符数） value（文本框初始值）password submit（提交） radio checkbox单多选 name组名 value选项的值 checked默认选中disabled:禁用required:必填，不兼容低版本ierea
2016-12-07 21:43:23
237
原创 html5结构标记
1.header：页头，文档头2.section：主体3.nav：导航4.aside：侧边栏5.footer：底部其中，header，section，footer使用频率较高。
2016-12-07 21:15:30
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人