04 2020 档案

摘要:盒模型的组成部分: 内容 内边距 外边距 边框线 内边距padding 1.padding是设置盒子与内容之间的位置关系 2.边框线里面的距离都可以设置padding 3.padding使用时会撑大盒子,如果加上padding,想要盒子不变形 加上多少padding,盒子本身宽高就需要减去多少pad 阅读全文
posted @ 2020-04-24 22:45 Leaden 阅读(422) 评论(0) 推荐(0)
摘要:文档流概念 每一个元素自己所在的位置 块元素:上下排列 内联元素:水平左右排列 重点!! 浮动 浮动的左右就是让块元素水平排列! float 浮动 left 左浮动 right 有浮动 none 不浮动 没效果 1.浮动的元素会脱离文档流(不占位 飘起来),浮动的元素水平显示 2.浮动的元素后面如果 阅读全文
posted @ 2020-04-24 22:06 Leaden 阅读(118) 评论(0) 推荐(0)
摘要:(接上篇) 6.小型大写字母 font-variant normal 默认值 small-caps 小型大写字母(把小写字母强制转换为大写字母,比大写字母小一号) 7.简写 font:倾斜 加粗 小型大写字母.. 大写 字体样式(大写与字体样式固定后两位,顺序不可打乱) 8.文本属性 text-al 阅读全文
posted @ 2020-04-23 22:55 Leaden 阅读(134) 评论(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 阅读(134) 评论(0) 推荐(0)
摘要:表格(注意:表格有严格嵌套规范:行必须包裹列的内容) 1.标签 caption(表格标题) <table> (表格) <tr>(行) <th></th>(标题列) <td></td>(内容列) </tr> </table> 2.属性 border 边框 bordercolor="边框颜色" widt 阅读全文
posted @ 2020-04-22 22:11 Leaden 阅读(173) 评论(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 阅读(184) 评论(0) 推荐(0)
摘要:标签分为2种:单标签和双标签 1.双标签 <标签名 属性="属性值"></标签名> 2.单标签 <标签名 属性="属性值"> a.尖叫号的第一个单词就是标签名 b.标签名和属性用空格隔开 添加注释:给开发人员添加的的提示信息,浏览器不加载注释 快捷键ctrl+/ html5基本结构 <!DOCTYP 阅读全文
posted @ 2020-04-22 21:26 Leaden 阅读(299) 评论(0) 推荐(0)
摘要:仅用来记录上课笔记用。 一、网页的组成、结构和作用 1.结构 :设置文本、图片、视频 2.样式 :内容的位置,文字的大小,颜色 3.行为:内容交互。 互联网语言 结构:html 样式:css 行为:JavaScript web制作的标准 w3c:制定html和css的标准 ecma:制定js的标准 阅读全文
posted @ 2020-04-15 17:43 Leaden 阅读(264) 评论(0) 推荐(0)