CSS
关注
分享
扫一扫
YRyr.*
haha
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQuery
JQuery索引<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery索引值</ti原创 2019-01-09 19:38:59 · 196 阅读 · 0 评论 -
框架集
1.框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面2.框架集可以同时引入多个页面，而内联框架只能引入一个3.在h5标准中，推荐使用框架集，而不使用内联框架4.使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中5.所以要使用框架集，页面中就不可以使用body标签6.属性：rows，指定框架集中的所有的框架，一行一行的排列co...原创 2019-01-02 16:49:08 · 1461 阅读 · 0 评论 -
机试----2019/1/2
jishi.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jishi</title> <link rel="stylesheet" type="te原创 2019-01-02 16:23:33 · 181 阅读 · 0 评论 -
开班信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>北京财经近期开班</title> <link rel="stylesheet" href="time.css&qu原创 2019-01-02 11:58:06 · 209 阅读 · 0 评论 -
分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2019-01-02 11:56:07 · 107 阅读 · 0 评论 -
项目布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>shouye首页</title> <link rel="stylesheet" type="text/css&qu原创 2019-01-02 11:49:15 · 235 阅读 · 0 评论 -
js中括号操作属性/js可控制换肤
document.write和innerHTML的区别？答辩面试题document.write只能重绘整个页面innerHTML可以重绘页面的一部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js中括号操作属性&l原创 2019-01-06 16:01:05 · 424 阅读 · 0 评论 -
逻辑运算符/与或运算
! 非 - !可以用来对一个值进行非运算 - 所谓非运算就是值对一个布尔值进行取反操作， true变false，false变true - 如果对一个值进行两次取反，它不会变化 - 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反 所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值 可以为一个任意数据类型取两次反，来将其转换为布尔值，原...原创 2019-01-06 01:01:05 · 2658 阅读 · 1 评论 -
自增和自减/自增和自减的练习
自增和自减自增 ++ - 通过自增可以使变量在自身的基础上增加1 - 对于一个变量自增以后，原变量的值会立即自增1 - 自增分成两种：后++(a++) 和 前++(++a) 无论是a++还是++a，都会立即使原变量的值自增1 不同的是a++和++a的值不同 a++的值等于原变量的值（自增前的值） ++a的值等于新值 （自增后的值）自减 -- - 通过自减可以使...原创 2019-01-06 00:57:25 · 1556 阅读 · 2 评论 -
运算符/一元运算符
运算符也叫操作符 通过运算符可以对一个或多个值进行运算,并获取运算结果 比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回 "number" "string" "boolean" "undefined" "object"算数运算符 当对非Number类型的值进行运算时，会将这些值转换为Number然后在运算 任何值和NaN做运算都得NaN+...原创 2019-01-06 00:54:41 · 1672 阅读 · 1 评论 -
其他进制的数字/与或运算/转换为Boolean
其他进制的数字在js中，如果需要表示16进制的数字，则需要以0x开头 如果需要表示8进制的数字，则需要以0开头 如果要要表示2进制的数字，则需要以0b开头，但是不是所有的浏览器都支持代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2019-01-06 00:47:23 · 449 阅读 · 2 评论 -
Boolean
BooleanBoolean 布尔值 布尔值只有两个，主要用来做逻辑判断 true - 表示真 false - 表示假 使用typeof检查一个布尔值时，会返回boolean代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-01-06 00:38:00 · 2778 阅读 · 0 评论 -
完善/表单
完善子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素使用空的table标签可以隔离父子元素的外边距，阻止外边距的重叠解决父子元素的外边距重叠 .box1:before{ content: ""; display:table可以将一个元素设置为表格显示 display: table; }解决父元素高度塌陷 .clearfix:after{...原创 2019-01-01 14:27:19 · 297 阅读 · 0 评论 -
_ie6png图片的修复
1.在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示2.解决方法：1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png24以后，图片的清晰图会有所下降2.使用JavaScript来解决该问题，需要向页面中引入一个外部的JavaScript文件，然后在写一下简单的JS代码，来处理该问题3.在body标签的最后引...原创 2019-01-02 16:54:40 · 316 阅读 · 0 评论 -
答辩面试题
1.谈谈对自定义事件的认识？自定义事件只能通过bind去绑定，第一个参数是事件的名字，第二个参数是事件发生时执行的函数bind事件绑定用trigger事件触发，trigger即可以触发自定义事件，也可以触发原始的事件2.什么是事件委托？事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的...原创 2019-01-14 00:24:43 · 583 阅读 · 0 评论 -
闭包（闭包/闭包循环的索引值/ 闭包做私有变量计时器/闭包做选项卡）
闭包<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包</title> <script type="text/javascript"> /* 闭包原创 2019-01-09 19:17:58 · 259 阅读 · 0 评论 -
定时器
定时器弹框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop{原创 2019-01-09 19:10:36 · 173 阅读 · 0 评论 -
ajax/ jsonp/ jQuery-jsonp/ jsonp公开接口/ 正则/正则表达式
ajax<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax</title> <style type="text/css"> </原创 2019-01-14 20:25:10 · 253 阅读 · 0 评论 -
事件冒泡/ 定时器弹框/事件委托/节点操作
事件冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件冒泡</title> <style type="text/css"> .grandfathe原创 2019-01-14 20:20:07 · 365 阅读 · 0 评论 -
jQuery其他事件 /绑定事件bind /自定义事件
jQuery其他事件&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery其他事件&lt;原创 2019-01-14 20:17:13 · 617 阅读 · 0 评论 -
jQuery动画/ jQuery循环/ 元素绝对位置/ 鼠标移入移出/ input框事件
jQuery动画&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery动画&lt;/tit原创 2019-01-14 20:15:36 · 990 阅读 · 0 评论 -
click事件/jQuery索引值/ jQuery做选项卡/ jQuery属性操作/jQuery特殊效果
click事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>click事件</title> <style type="text/css"> .box{原创 2019-01-14 20:09:45 · 1166 阅读 · 0 评论 -
新增选择器/ jQuery加载/ jQuery选择器/ 选择集转移/ jQuery样式操作
新增选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新增选择器</title> <script type="text/javascript"> w原创 2019-01-14 20:06:27 · 292 阅读 · 0 评论 -
构造函数/原型模式/call和apply/ 函数的继承
构造函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>构造函数</title> <script type="text/javascript"> fun原创 2019-01-14 20:01:05 · 167 阅读 · 0 评论 -
获取地址栏参数/ Math/单体创建对象/工厂模式创建对象
获取地址栏参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取地址栏参数</title> <script type="text/javascript">原创 2019-01-14 19:58:02 · 176 阅读 · 0 评论 -
关于JS中switch和if练习题(分数/星期/成绩/结婚/排序/计算器)
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta cha原创 2019-01-09 10:53:26 · 1516 阅读 · 0 评论 -
for(1~6),while(7)
1.打印1-100之间所有奇数之和？&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document原创 2019-01-14 18:43:45 · 407 阅读 · 0 评论 -
长表格/表格布局
长表格有一些情况下表格是非常的长的，这时就需要将表格分为三个部分，表头，表格的主体，表格底部 在HTML中为我们提供了三个标签： thead 表头 tbody 表格主体 tfoot 表格底部这三个标签的作用，就来区分表格的不同的部分，他们都是table的子标签，都需要直接写到table中，tr需要写在这些标签当中thead中的内容，永远会显示在表格的头部tfoot...原创 2019-01-01 14:14:59 · 370 阅读 · 0 评论 -
表格/给表格添加样式
表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title></head><body> <!-- 在HTML中，使用t原创 2019-01-01 14:06:33 · 858 阅读 · 0 评论 -
HolloWorld
1.JS代码需要编写到script标签中&lt;script type="text/javascript"&gt;2.控制浏览器弹出一个警告框 alert("宁姐，你真漂亮！！");3.让计算机在页面中输出一个内容document.write()可以向body中输出一个内容document.write("看我出不出来~~~");4原创 2019-01-04 00:04:43 · 150 阅读 · 0 评论 -
CSS盒子模型[盒子模型分为哪几部分？/ 内容区/内边距/边框/边框样式/外边距/]
盒子模型解释元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式``盒子模型一个盒子模型分成几部分： - 内容区（content） - 内边距（padding） - 边框（border） - 外边距（margin）内容区内容区：盒子中放置内容的区域，也就是元素中的文本内容，子元素都是存在于内容区中的。如果没有元素...原创 2018-12-24 17:00:18 · 7910 阅读 · 0 评论 -
CSS文本设置
字体的分类在网页中将字体分成5大类： serif（衬线字体） sans-serif（非衬线字体） monospace （等宽字体） cursive （草书字体） fantasy （虚幻字体）斜体和粗体font-style用来指定文本的斜体 指定斜体：font-style:italic 指定非斜体：font-style:normal font-weight 用来...原创 2018-12-24 15:53:18 · 213 阅读 · 0 评论 -
雪碧图----gwc.css/gwc.html
gwc.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>gwc</title> <link href='gwc.css' rel='stylesheet' type="te原创 2018-12-28 01:01:02 · 226 阅读 · 0 评论 -
雪碧图
使用雪碧图的优点？1. 把多个图片整合到一张图片里面，只需要发送一次请求2. . 同时加载多张图片，提高访问效率，提高用户的体验原创 2018-12-27 23:57:10 · 264 阅读 · 0 评论 -
元素层级/背景
1. 如果定位元素的层级是一样，则下边的元素会盖住上边的2. 通过z-index属性可以用来设置元素的层级3. 可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示4. 对于没有开启定位的元素不能使用z-index 设置元素的透明背景opacity可以用来设置元素背景的透明，它需要一个0-1之间的值 0 表示完全透明 1 表示完全不透...原创 2018-12-27 11:42:14 · 325 阅读 · 0 评论 -
固定定位
当元素的position属性设置fixed时，则开启了元素的固定定位 固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样 不同的是： 固定定位永远都会相对于浏览器窗口进行定位 固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动IE6不支持固定定位 <!DOCTYPE html><html lang="en"><head>...原创 2018-12-27 11:36:39 · 398 阅读 · 0 评论 -
绝对定位
当position属性值设置为absolute时，则开启了元素的绝对定位 绝对定位： 1.开启绝对定位，会使元素脱离文档流 2.开启绝对定位以后，如果不设置偏移量，则元素的位置不会发生变化 3.绝对定位是相对于离他最近的、开启了定位的祖先元素进行定位的（一般情况，开启了子元素的绝对定位，都会同时开启父元素的相对定位）如果所有的祖先元素都没有开启定位，则会相对于浏览器窗口进行定位 4....原创 2018-12-27 11:33:21 · 3917 阅读 · 0 评论 -
相对定位
相对定位定位： - 定位指的就是将指定的元素摆放到页面的任意位置 通过定位可以任意的摆放元素- 通过position属性来设置元素的定位-可选值： static：默认值，元素没有开启定位 relative：开启元素的相对定位 absolute：开启元素的绝对定位 fixed：开启元素的固定定位（也是绝对定位的一种）当元素的position属性设置为relative时...原创 2018-12-27 11:25:48 · 417 阅读 · 3 评论 -
高度塌陷
高度塌陷在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱，所以在开发中一定要避免出现高度塌陷的问题。我们可以将父元素的高度写死，以避免塌陷的问题出现，但是一旦高度写死...原创 2018-12-27 10:53:56 · 148 阅读 · 0 评论 -
列表，单位/颜色单位/字体样式
列表1、无序列表 使用ul标签来创建一个无序列表 使用li在ul中创建一个一个的列表项，一个li就是一个列表项 通过type属性可以修改无序列表的项目符号，可选值： disc：默认值，实心的圆点 square：实心的方块 circle：空心的圆圈 注意：默认的项目符号我们一般都不使用 如果需要设置项目符号，则可以采用为li设置背景图片的方式来设置 ul和li都是块元...原创 2018-12-21 10:57:05 · 645 阅读 · 0 评论