摘要: 1.javascript 三大组成部分 ECMAscript JS的语法 BOM(Browser Object Model) 一套操作浏览器的属性和方法 DOM(Document Object Model) 一套操作文档的属性和方法 2.js的三大书写位置 1.行内式 1.a标签:直接写在href属 阅读全文
posted @ 2020-07-13 11:01 Leaden 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 粘性定位(兼容性IE浏览器支持度不好)position:sticky; 可以看做相对定位和固定定位的结合体(一般情况下没有滚动条滑动内容,内容是占位的,如果滚动条滑动内容,粘性定位的元素就会有固定定位的效果,方向top才管用) 注意点: 1、 使用的时候需要设置left、top、bottom、rig 阅读全文
posted @ 2020-06-17 20:02 Leaden 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 单行文本溢出隐藏 1.设置范围(设置宽度) 2.内容强制不换行 white-space:nowrap; 3.超出的内容隐藏 overflow: hidden 4.把隐藏的内容设置为省略号text-overflow:ellipsis 设置内容空白空间的处理 white-space normal: ,默 阅读全文
posted @ 2020-06-16 20:16 Leaden 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 盒模型的组成部分: 内容 内边距 外边距 边框线 内边距padding 1.padding是设置盒子与内容之间的位置关系 2.边框线里面的距离都可以设置padding 3.padding使用时会撑大盒子,如果加上padding,想要盒子不变形 加上多少padding,盒子本身宽高就需要减去多少pad 阅读全文
posted @ 2020-04-24 22:45 Leaden 阅读(407) 评论(0) 推荐(0) 编辑
摘要: 文档流概念 每一个元素自己所在的位置 块元素:上下排列 内联元素:水平左右排列 重点!! 浮动 浮动的左右就是让块元素水平排列! float 浮动 left 左浮动 right 有浮动 none 不浮动 没效果 1.浮动的元素会脱离文档流(不占位 飘起来),浮动的元素水平显示 2.浮动的元素后面如果 阅读全文
posted @ 2020-04-24 22:06 Leaden 阅读(114) 评论(0) 推荐(0) 编辑
摘要: (接上篇) 6.小型大写字母 font-variant normal 默认值 small-caps 小型大写字母(把小写字母强制转换为大写字母,比大写字母小一号) 7.简写 font:倾斜 加粗 小型大写字母.. 大写 字体样式(大写与字体样式固定后两位,顺序不可打乱) 8.文本属性 text-al 阅读全文
posted @ 2020-04-23 22:55 Leaden 阅读(124) 评论(0) 推荐(0) 编辑
摘要: CSS的语法 选择器{属性1:属性值1;属性2:属性值2;} CSS样式表 样式表就是设置CSS的地方 1.内部样式表(style标签) <style> CSS语句 </style> 2.内联样式表(style属性) <div style="CSS语句"></div> 3.外部样式表(link标签设 阅读全文
posted @ 2020-04-23 22:31 Leaden 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 表格(注意:表格有严格嵌套规范:行必须包裹列的内容) 1.标签 caption(表格标题) <table> (表格) <tr>(行) <th></th>(标题列) <td></td>(内容列) </tr> </table> 2.属性 border 边框 bordercolor="边框颜色" widt 阅读全文
posted @ 2020-04-22 22:11 Leaden 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 列表(有序列表 无序列表 自定义列表) 1.有序列表 1.1 标签(双标签) <ol> <li></li> </ol> 1.2 属性 属性类型 type:可以设置有序列表显示类型 start:从几开始(值必须为数字) <ol type="a/A/I/i"> 输出为(abc,ABC,I II III, 阅读全文
posted @ 2020-04-22 21:47 Leaden 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 标签分为2种:单标签和双标签 1.双标签 <标签名 属性="属性值"></标签名> 2.单标签 <标签名 属性="属性值"> a.尖叫号的第一个单词就是标签名 b.标签名和属性用空格隔开 添加注释:给开发人员添加的的提示信息,浏览器不加载注释 快捷键ctrl+/ html5基本结构 <!DOCTYP 阅读全文
posted @ 2020-04-22 21:26 Leaden 阅读(270) 评论(0) 推荐(0) 编辑