- 博客(19)
- 收藏
- 关注
原创 渐变
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 219
原创 sprite css精灵
CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。如图:想要获取五个星星,可以定义一个名为stars的id
2016-12-12 22:30:58 223
原创 框模型/盒子模型
一、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 305
原创 图片边框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 402
原创 边框阴影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 397
原创 overflow+京东产品橱窗小案例
内容空间大于设置的框的空间,会溢出,overflow: visible:溢出的内容可见 hidden:溢出的内容隐藏 scroll:无论任何情况下均显示滚动条(不管有没有溢出,横向纵向都显示滚动条,没有溢出的话滚动条为灰色不可用。) auto:浏览器自动判断,需要滚动条则显示,不需要则不显示。 overflow-x:定义横向溢出 overflow-y:纵向溢出
2016-12-10 22:03:18 384
原创 选择器优先级
简单选择器优先级:元素选择器复合选择器优先级:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先。 元素选择器:1 类选择器:10 伪类选择器:10 ID选择器:100 内联样式:1000注意:但也不是简单的相加,而是不同的级别的,比如十一个类选择器的优先级并不比一个id选择器的优先级高。
2016-12-10 17:39:06 285
原创 文章标题
一、方式1.内联方式:定义在单个的html元素中(<p style="color:red">"),简单直观,但是不具重复性,不能体现结构与样式相分离。2.内部样式表:定义在html的头元素head中,(<style> p{color:red}</style>),只用于当前页面,且并没有真的实现结构与样式分离。3.外部样式表定义在一个外部的css文件中(.css),由html引用样式表文件
2016-12-09 11:07:12 221
原创 使用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 477
原创 单选
使用合作账号登录:<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 206
原创 如何使一级标题和图片并排显示?
一级标题是块级元素,独占一行,如何和图片并排显示呢?可以通过创建一个一行两列的表格,table不设置border,此时标题和图片并排并居中(单元格中央)显示。想要达到标题和图片在同一水平线上,需设置valign="bottom",因为标题一本身底部有几行空白,所以设置图片列的高度,代码如下:<td width="135px"><img src="../img/jd_logo.jpg"/></t
2016-12-08 11:44:20 1844
原创 time元素
两种形式:1.2017年1月10日 直接在浏览器中显示一对标签内的内容2. 牛郎织女相会只显示一对标签内的内容,时间不显示,时间是给服务器看的,注意时间格式。
2016-12-08 10:47:30 521
原创 度量元素 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 630
原创 浮动框架iframe元素
代码如下: 案例1 案例2 浮动框架iframe frameborder="0" name="window" scrolling="no">这是一个浮动框架, 如果您看到这一段字,请更换浏览器。name=window是在当前窗口打开,与之相对是_blank;scrolling滚动条;scr必备属性。
2016-12-08 08:32:49 707
原创 表单中的特殊空控件
1.将文本与控件联系在一起后,单击文本就像单击控件一样。不要公开我的个人信息2. 为控件分组 为分组指定一个标题如: 组名 ....... 3.文本域/多行文本框文本域默认值rows 行数(高) cols列数(宽)
2016-12-08 07:48:11 232
原创 表单
定义表单:必备属性:表单控件:input type text(默认文本) size(文本框宽) maxlength(文本框最大字符数) value(文本框初始值)password submit(提交) radio checkbox单多选 name组名 value选项的值 checked默认选中disabled:禁用required:必填,不兼容低版本ierea
2016-12-07 21:43:23 250
原创 html5结构标记
1.header:页头,文档头2.section:主体3.nav:导航4.aside:侧边栏5.footer:底部其中,header,section,footer使用频率较高。
2016-12-07 21:15:30 562
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人