- 博客(27)
- 收藏
- 关注
RSS订阅原创 Javescript 纠错
一、var a=17; var b=20; !(a>10&&b<10)运算结果是什么？true二、输出结果：i=12三、输出结果：i = 2四、第四行代码是错的（必须是小写！）五、输出：0 1 2六、输出：3七、输出结果：3 4八、输出结果：20 30 40 50 60九图...
2018-09-21 21:41:59
272
原创 Javascript学习笔记
变量变量一般是字母开头，不能数字开头；也可以$和_开头，但不常用；如果将一个数值和一个字符串用加号连接，JS会把数值转换成字符串类型字符串不支持减号操作，NaN则表示非数值（Not a Number）,表示程序本应返回数值，但没有得到实现算术运算符“%”表示求余数。x+=y就是x=x+y的意思，“+=”是一个赋值运算符，它将x+y的值赋值给了x；同样的“x-=y”等于“x=x-y”；x*...
2018-09-20 15:35:52
241
原创 css面试题
1.html和xhtml的区别html是Hypertext Markup Language的缩写，中文翻译为超文本标记语言；xhtml是The Extensible Hypertext Markup Language的缩写，中文翻译为可扩展标识语言，实际上它是html4的升级版本。xhtml代码不排斥html规则，结构也基本相似，以下是 XHTML 相对 HTML 的几大区别： XHTM...
2018-09-12 15:18:06
478
原创 css 动画
一、css动画（animation）属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比、位置和颜色。二、实现方法：1.定义动画(slideOut为自定义的动画名称)@-webkit-keyframes slideOut{ 0%{top:-30px; opacity: 0;} 100%{top:0px; opacity: 1;}}@-moz-keyframes s...
2018-08-20 16:45:50
295
原创 css过渡
！！注意IE9及更早IE版本不支持过渡！Safari流量器写法要加-webkit-的前缀等！一、transition(过渡)是指为了添加鼠标移到某种元素时，其可以从一种样式转变到另一种样式。二、实现方法：1、指定样式.panel:target{ margin-top: 0%; background-color: #ffcb00;}2、调用样式.panel{ ...
2018-08-20 16:23:00
287
原创 css渐变
！！注意IE9及之前的版本不支持渐变。Safari要加-webkit-的前缀，Opera要加-o-的前缀，Firefox要加-moz-的前缀！一、Linear Gradients(线性渐变)-向下/向上/向左/向右/对角方向1.向下代码<!DOCTYPE html><html><head><meta http-equiv="Conten...
2018-08-20 14:13:29
863
原创 分页写法
代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>分页演练</title><style>.box{ width:980px; margin:auto; text-align:center;}ul{ l
2018-08-18 21:08:17
530
原创 面表屑导航的写法
代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>面包屑导航</title><style>ul{ list-style:none; background-color:#eee; padding:8px
2018-08-18 18:03:56
247
原创 通过简单的用户注册，登录，搜索，反馈页的制作学习表单元素
一、注册页代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>用户注册页</title><style>*{ margin:0px; padding:0px; font:normal 12px/1.5em &
2018-08-18 14:07:02
725
原创 css中几种最优布局
一、水平居中（使用text-align+inline-block）代码：<!DOCTYPE html><html><head><meta charset="utf-8"><style>.parent{ text-align:center; background:red; width:200px; height:...
2018-08-05 20:13:34
2009
1
原创 CSS border(边框)
简写顺序：width-style-coloreg：p{border:1px solid red;}按简写顺序依次介绍每个属性特点：一、border-width:medium(默认。中等):thin;thick;thick;length;inherit;二、border-style:none(默认。无);hidden(与none相同，应用于表时除外，对于表用于解决边框冲突);dott...
2018-08-05 19:44:40
679
原创 CSS Table（表格）
一、边框 eg:table,th,td｛border:1px solid black;｝二、折叠边框 eg：table｛table-collapse:collapse;｝三、高度th｛height：50px；｝，宽度table｛width：100%；｝四、文字对齐td｛text-align:center;｝五、填充，td｛padding:15px;｝六、背景颜色th{b...
2018-08-04 19:57:38
373
原创 css列表样式（ul和ol）
简写顺序：list-style-type~list-style-position~list-style-imageeg:ul{list-style:square url("img.png")}注意：如果上述值丢失一个，其余仍在指定的顺序，就没关系。按简写顺序依次介绍每个属性：一、 list-style-type:disc(默认for ul，实心圆)；decimal（默认for ol...
2018-08-04 19:51:54
3065
原创 CSS 链接（link）
常见的链接可以设置的样式：一、伪类的锚链接点击四元组（a:link;a:visited;a:hover;a:active;）二、color（链接文本颜色），background-color（背景颜色）；font三、文本修饰text-decoration ...
2018-08-04 19:39:21
813
原创 CSS font（字体）
简写顺序：style-variant-weight-size/line-height-familyeg:p{font:italic bold 12px/30px Georgia,serif;}注意：font-size和font-family的值是必需的。按顺序依次介绍每个属性：一、font-style：normal(默认);italic（斜体）; oblique（倾斜）;inher...
2018-08-04 19:27:38
492
原创 CSS text(文本)
一、color文本颜色写法：body｛color：red｝，h1{color:#ooffoo},h2{color:rgb(255,0,0)}二、text-align文本对齐方式写法：text-align：center；right；left；justify；其中jusitify是指每一行被展开为宽度相等，左右外边距是对齐三、text-decoration文本修饰写法：text...
2018-08-04 16:58:17
511
原创 css Background(背景)
简写顺序：color-image-repeat-attachment-positioneg:body{background:#ffffff url('img.png') no-repeat right top}下来按顺序介绍每个属性特点：一、background-color：red；#ffffff；rgb（255,255,255）；三种颜色表示方法，分别是颜色名，十六进制和RGB；...
2018-08-03 20:40:34
338
原创 图像透明不透明
1.图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。2.ie8以下浏览器写法为：filter:alpha(opacity=40);值为0到100.一般为了兼容同时写两种。3.用法有两种，第一直接写在图片上增加图片的模糊程度（相当于灰色蒙版）；第二把图片写在背景div里，嵌套div写带有颜色的蒙版，里面还可以加文字。具体写法如下：<!DOCTYPE ...
2018-08-03 19:56:20
411
原创 下拉菜单的写法
<!DOCTYPE html><html><head><meta charset="utf-8"><style>/*盒子，相对定位*/.dropdown{display:inline-block;position:relative;}button{background-color:pink;color:white...
2018-08-03 18:15:46
1074
原创 导航的写法
一、竖向导航<!DOCTYPE html><html><head><meta charset="utf-8"><style>ul{list-style-type:none;margin:0;padding:0;}a{display:block;background-color:green;color:wh...
2018-08-03 17:18:12
3077
原创 仿写百度首页未登录状态
问题总结：1.margin的运用灵活控制各元素的距离，下边距的设置会影响页面显示尺寸，可能导致右边出现下拉条，因此可以只设置margin-top。2.在文档中一个换行可能导致一个空格或间隙。真正需要添加空格的地方用&nbsp；表示。3.input的text和submit属性要保持高度一样，需要设置同样的font-size，并且submit还要设置一个padding-bottom...
2018-08-03 13:26:58
875
原创 css中的伪类和伪元素
一、css伪类（Pseudo-class）是用来添加一些选择器的特殊效果。由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。伪类的语法：selector:pseudo-class{property:value;}css类也可以使用伪类：...
2018-07-30 20:07:23
387
原创 css中的几种选择器
css中选择器有很多种，最常用的有元素选择器，类选择器，id选择器，群组选择器，通用选择器，组合选择器（包括后代选择器，子选择器，相邻兄弟选择器，普通兄弟选择器）。一、元素选择器。对html文档中某元素进行样式设定，调用css文件后，页面关于设定的这个元素都继承此样式，不需要逐行去html中调用代码。eg：body｛font-size:15px;background-color...
2018-07-30 17:07:08
650
原创 行内元素（inline element），块级元素（block element）和两者区别
一.行内元素（inline element）,只占据它对应标签的边框所包含的空间。也叫内联元素： * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候...
2018-07-30 10:44:03
3138
原创 使用过浮动后要清除
1.浮动默认的是左上角或右上角，但是常常下一个元素会受到这个浮动元素的影响。为了解决这个问题，我们经常会需要清除浮动。2.清除浮动(1)网页结尾没有内容时候清除浮动的写法：small-img:after｛ content：'\20'; display:block; height:0; clear:both;}注：small-img是上个盒子模...
2018-07-20 22:23:36
355
原创 相对定位与绝对定位的区别
1.相对定位（position：relative）针对父级元素偏移，偏移后还会占据原来没定位前的位置。2.绝对定位（position：absolute）针对body偏移，偏移后不会占据原来没定位前的位置;要想绝对定位针对父级元素偏移，那么要给它的父级元素设置相对定位（position：relative）。...
2018-07-20 21:40:24
1450
原创 html文档编写时的相对路径问题
1.编写html代码时一般都用到相对路径。2.需要用到路径的标签一般有4个：<img alt="" src=“”/><video src=""><link rel="stylesheet" type=“text/css” href=""><a target="_blank" href="
2018-07-20 20:55:57
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人