2020年8月16日
摘要: JavaScript介绍与组成 1、JavaScript历史 ① 发明的公司:网景(livescript)--sun ② 发明人:布兰登-艾克 ③ java与JavaScript的关系:Java 服务器端的编程语言,JavaScript运行在客户端(浏览器)的编程语言,两者毫无关系 2、javasc 阅读全文
posted @ 2020-08-16 18:36 wen22 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1、rgba()和opacity的透明效果有什么不同? a. opacity作用于元素,以及元素内的所有内容的透明度,rgba()只作用于元素的颜色或其背景色。 b. 设置rgba透明的元素的子元素不会继承透明效果! 2. CSS伪类与CSS伪对象的区别 CSS 引入伪类和伪元素的概念是为了描述一些 阅读全文
posted @ 2020-08-16 18:33 wen22 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 一、ifarme 1、定义: <iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面,这样不支持 <iframe>的浏览器就会出现提示的文字。 阅读全文
posted @ 2020-08-16 17:41 wen22 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 1. <img>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用 阅读全文
posted @ 2020-08-16 17:40 wen22 阅读(224) 评论(0) 推荐(0) 编辑
摘要: css扩展(1)(文字溢出与图片间距解决) 一、文字溢出 1、word-break:自动换行 (1) break-all:允许在单词内换行。 (2) keep-all:只能在半角空格或连字符处换行。 (3) 注意:主要处理英文单词 2、多余的部分显示省略号 (1) white-space:nowra 阅读全文
posted @ 2020-08-16 17:15 wen22 阅读(413) 评论(0) 推荐(0) 编辑
摘要: css精灵图与字体图标 一、精灵图 1、通过淘宝网首页查看精灵图的请求过程 2、为什么要用精灵图? (1) 在网页中引入图片,src的属性值是一个网址,会请求数据,需要时间 3、如何去减轻服务器压力,减少加载图片的时间 ① 图片的懒加载 ② 精灵图 4、CSS精灵图定义: ① CSS sprites 阅读全文
posted @ 2020-08-16 17:07 wen22 阅读(164) 评论(0) 推荐(0) 编辑
摘要: css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽) 1、行高属性 line-height 属性值与盒子的高度相同———垂直居中 属性值<盒子高度———文本靠上 属性值>盒子高度———文本靠下 2、背景(背景色、背景图) 背景色 写法 、英文单词 background- 阅读全文
posted @ 2020-08-16 17:04 wen22 阅读(127) 评论(0) 推荐(0) 编辑
摘要: css中的显示与隐藏 元素的显示与隐藏:让一个元素在页面中消失,但是不在文档源码中删除 display 显示 : 对象是否显示以及如何显示 用display:none 属性来隐藏对象, display:block 属性不仅可以转换为块状元素同时也有显示元素的意思 隐藏后的元素不保留原来的位置 vis 阅读全文
posted @ 2020-08-16 16:48 wen22 阅读(651) 评论(0) 推荐(0) 编辑
摘要: css定位 1、定位 : 将元素固定到指定的位置上,包括定位模式和边偏移 定位模式:相对定位(自恋型)、绝对定位(拼爹型)、固定定位(认死理) 边偏移:顶、左、右、底(top,left,right,bottom) (1)相对定位: 相对于元素本身位置 position: relative; top: 阅读全文
posted @ 2020-08-16 16:42 wen22 阅读(119) 评论(0) 推荐(0) 编辑
摘要: css版心布局 1、css中的布局有: 常见的布局方式:固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2、多种等高布局 a. 假等高列:使用背景图片,在列的父元素上使用这个背景图进行Y轴的铺放,从而实现一种等高列的假像 b. 给容器div使用单独的背景色(固定布局) 阅读全文
posted @ 2020-08-16 16:34 wen22 阅读(393) 评论(0) 推荐(0) 编辑