随笔分类 -  HTML CSS JS

关于hover失效问题（！important）
摘要：在如下代码中，利用JS更改div的高宽后，导致内部a标签hover效果失效： 解决方法： 给a标签hover内的代码添加！important，使其拥有最高权限！ 阅读全文
posted @ 2018-04-16 21:33 0==1&1==0 阅读(1511) 评论(0) 推荐(0)
一阶段项目总结
摘要：1.实用CSS属性 2.JS效果思路 利用数字来判断点击次数： 判断侧面滑动栏滑动距离来改变导航位置： PS:上面方法的改进版 均分图片移动距离实现图片滚动动画： PS:<a href="javascript:void(0)"></a> 避免点击链接后，自动跳到页面顶部。 3.总结 position 阅读全文
posted @ 2018-03-11 16:38 0==1&1==0 阅读(163) 评论(0) 推荐(0)
JavaScript Class 7
摘要：学习内容： 1.事件监听 2.事件冒泡 事件会从子元素到父元素顺序执行 3.动图 阅读全文
posted @ 2018-03-02 20:20 0==1&1==0 阅读(139) 评论(0) 推荐(0)
JavaScript Class 6
摘要：学习内容： 1.DOM操作CSS： 改变背景颜色 2.表单操作： 3.DOM访问下拉菜单 4.DOM访问表格 5.DOM增删改元素 PS 问候练习 2018/03/01 阅读全文
posted @ 2018-03-01 16:23 0==1&1==0 阅读(149) 评论(0) 推荐(0)
JavaScript Class 5
摘要：学习内容： BOM-JavaScript是运行在浏览器中的， 所以提供了一系列对象用于和浏览器窗口进行交互， 这些对象主要包括window、document、location、navigator和screen等。 通常称为浏览器对象模型（Browser Object Model） 1.window对 阅读全文
posted @ 2018-02-28 20:16 0==1&1==0 阅读(126) 评论(0) 推荐(0)
JavaScript Class 4
摘要：学习内容： 1.with语句 用于设置代码在特定对象中的作用域。 2.函数 ps 通过事件调用函数： 3.return 结束运行之后的代码并返回值 4.全局变量与局部变量 5.内置对象 Date对象： PS：输入日期判断星期几 6.Math对象 ps:输入半径返回圆的面积 2018/02/27 阅读全文
posted @ 2018-02-27 17:00 0==1&1==0 阅读(195) 评论(0) 推荐(0)
JavaScript Class 3
摘要：学习内容： 1.if else语句： 单条件判断 2.if else if ...else语句 多条件判断,结尾处的else为以上条件都不满足时执行的语句 3.switch语句 多条件判断，使用break分隔不同的判断语句 switch不只是如示例，只能判断数组下标，也可以判断字符串 4. ++运算 阅读全文
posted @ 2018-02-26 14:29 0==1&1==0 阅读(144) 评论(0) 推荐(0)
JavaScript Class 2
摘要：学习内容： 1.数据类型转换： （a）通过 + 或者tostring转化字符串 PS: +运算符的多态： 在执行数值相加时，得到的是数字，在执行数值与字符串相加时，得到的是字符串。 （b）parseInt 其他类型转化为整型 （c）parseFloat 其他类型转化为浮点型 （d）字符串强转数值 2 阅读全文
posted @ 2018-02-24 16:12 0==1&1==0 阅读(144) 评论(0) 推荐(0)
JavaScript Class 1
摘要：学习内容： JavaScript 正式名称ECMA Script或ECMA-262 简称js 1.js嵌入方式： （a）javascript前缀引入js （b）内嵌引用 用script标签，可放在head或body标签之间，加载顺序head>body，因为html文件是由上至下加载 （c）外部引用 阅读全文
posted @ 2018-02-23 16:31 0==1&1==0 阅读(141) 评论(0) 推荐(0)
CSS Class 4
摘要：学习内容： 1.标签的margin值： 用来控制标签的外边距，即该元素与其他元素的距离，四个数值分别控制上、右、下、左的外边距 当只输入一项数值时，所有方向上的外边距被统一设定，而输入两个值时，则分别控制上下、左右的外边距，四个值全部输入则分别控制上、右、下、左的外边距 2.标签的padding值： 阅读全文
posted @ 2018-02-07 20:20 0==1&1==0 阅读(150) 评论(0) 推荐(0)
CSS Class 3
摘要：学习内容： 1.float，可使div脱离其原来位置进行位移 （1）float:left 向左浮动；（2）float:right 向右浮动； 2.clear 可对标签左右方向的float元素进行清除，避免元素之间相互叠加 3.overflow，对溢出边框的元素怎么处理 （1）hidden：隐藏，可以 阅读全文
posted @ 2018-02-06 12:48 0==1&1==0 阅读(134) 评论(0) 推荐(0)
关于border属性的小技巧：制作三角形
摘要：标签的border属性包含了4根边框，而每根边框的交界处是斜45度，不是水平垂直相交，如下图： 利用这种特性，可以把div标签的高宽设为0，border设为大于0的像素，这样border就变为了一个色块，通过 border-color: 颜色/transparent来控制四个方向上的颜色或者是不是显 阅读全文
posted @ 2018-02-06 10:39 0==1&1==0 阅读(146) 评论(0) 推荐(0)
CSS Class 2
摘要：学习内容： 1.设置字体： font-style: 设置字体倾斜与否；font-size:设置字体大小；line-height:设置字体行高；font-family:设置字体种类； 2.边框border的样式： （1）border-style:样式，分为dotted 点状 dashed 段状 dou 阅读全文
posted @ 2018-02-05 15:46 0==1&1==0 阅读(174) 评论(0) 推荐(0)
CSS Class 1
摘要：学习内容： 1.CSS的引入方式： （1）内联样式表 直接在标签内引用，引入方式 <标签名 style="样式1:值;样式2:值">，样式之间用分号分隔 （2）内部样式表 在head标签之间添加，引入方式如下： 内部样式表是通过选择器来定义样式，常用的选择器种类有id选择器、class选择器、元素选 阅读全文
posted @ 2018-02-03 20:10 0==1&1==0 阅读(156) 评论(0) 推荐(0)
HTML Class 3
摘要：学习内容： 1.表格中的caption标签：<caption></caption>，可为表格添加标题，自带居中效果 2.表格中的th标签：<th></th>，可为表格添加表头，本质上是td标签，标签内的文字自带加粗、居中效果 3.表单： <form></form>，用于向服务器提交数据，多用于账户登 阅读全文
posted @ 2018-02-02 20:44 0==1&1==0 阅读(193) 评论(0) 推荐(0)
HTML Class 2
摘要：学习内容： 1.向页面标题添加图标，在head标签中添加：<link rel="shortcut icon" href="图标地址"> 2.图片标签：<img src="图片地址" title="文字" alt="文字"> （1）title属性：当鼠标悬停在图片上时，显示文字。 （2）alt属性：当 阅读全文
posted @ 2018-02-01 19:25 0==1&1==0 阅读(152) 评论(0) 推荐(0)
HTML Class 1
摘要：学习内容： 1.单标签、双标签的结构：单标签<标签名 属性名=“属性值”> ；双标签<标签名 属性名=“属性值”>内容</标签名> ps:标签必须被正确关闭，标签名、属性名采用小写，符合规范。 2.DW快捷键： ctrl c 复制； ctrl v 复制； ctrl a 全选； ctrl s 保存； 阅读全文
posted @ 2018-01-31 20:30 0==1&1==0 阅读(151) 评论(0) 推荐(0)