夜之独行者 - 博客园

2020年8月28日

摘要：浮动： 1.可以改变标签的默认排列方式； 2.可以让多个块级标签在同一行内显示； 3.设置浮动的元素脱离标准流，移动到指定的位置（比如：float：left），浮动的标签不再保留原来的位置； 4.具有行内块的特性；一、当标签（块级标签、行内标签）添加了浮动属性，则不需要转行display就可以设阅读全文

posted @ 2020-08-28 12:34 夜之独行者阅读(133) 评论(0) 推荐(0)

2020年8月21日

盒子模型

摘要： margin 设置盒子的外边距，即控制盒子与盒子之间的距离; margin-top: 10px; margin-bottom: 10px; margin-left: 40px; margin-right: 40px; /* 合并写法：上下左右 */ margin: 10px 40px; mar 阅读全文

posted @ 2020-08-21 19:13 夜之独行者阅读(123) 评论(0) 推荐(0)

2020年8月18日

CSS 三大特性

摘要： CSS 三大特性：层叠性、继承性、优先级层叠性：同一个选择器设置相同的样式，此时就会发生样层叠，即样式覆盖。相同的样式后执行的样式起作用（样式代码行数大的起作用） div { color: red; color: blue; } <div> 我显示的字体颜色是蓝色 </div> 继承性：子标签阅读全文

posted @ 2020-08-18 17:27 夜之独行者阅读(213) 评论(0) 推荐(0)

background 背景设置

摘要： background属性如下：属性作用值例 background-color 设置背景颜色 rgb/16进制/color div{background-color: red} background-image 设置背景图片 url(图片路径) div{background-image: ur 阅读全文

posted @ 2020-08-18 15:46 夜之独行者阅读(222) 评论(0) 推荐(0)

2020年8月13日

angular8 引入 jQuery

摘要： 1.进入项目，在终端输入： npm install --save jquery npm install --save @types/jquery 2.在使用的 .ts 文件中引入 import * as $ from 'jquery'; 例如： <div class="divb" (click)=" 阅读全文

posted @ 2020-08-13 17:21 夜之独行者阅读(365) 评论(0) 推荐(0)

angular8 引入 echarts

摘要： 1.进入项目，在终端输入 npm install echarts@5.0.2 --save npm install ngx-echarts@6.0.1 --savenpm install @types/echarts --savenpm install resize-observer-polyfil 阅读全文

posted @ 2020-08-13 16:34 夜之独行者阅读(2447) 评论(2) 推荐(0)

2020年8月1日

img 标签

摘要： img 元素向网页中嵌入一张图片；<img> 标签必须的属性：src 属性和 alt 属性。语法： <img src="" alt=""> 图像标签常用属性：属性属性值说明 src 图片的路径必须属性 alt 文本必须属性，替换文本，当图片无法显示就会显示alt属性中的文字 title 阅读全文

posted @ 2020-08-01 16:31 夜之独行者阅读(100) 评论(0) 推荐(0)

form 标签

摘要：表单标签 <form> <form> 标签用于定义表单域，实现用户信息的收集和传递；<form> 会把它范围内的表单元素信息提交给服务器. <form action="url地址" method="提交方式（如：post）" name="表单域名称"> 各种表单元素控件 </form> 阅读全文

posted @ 2020-08-01 15:24 夜之独行者阅读(102) 评论(0) 推荐(0)

列表（ul-li/ol）标签

摘要：列表（有序列表、无需列表、自定义列表）有序列表：(在 li 标签中添加 style="list-style-type:none;" 可以去除黑点) <ol> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ol> 无序列表:（在 li 标签中添加 style="list- 阅读全文

posted @ 2020-08-01 15:23 夜之独行者阅读(162) 评论(0) 推荐(0)

table 标签

摘要： <table> 标签 table标签用于展示数据。 <thead> 表格的头部区域，便于分清表格结构 <tbody> 表格的内容区域，便于分清表格结构 <th> 表头单元格，文本内容加粗、居中显示 <tr> 用于定义表格中的行，必须嵌套在<table></table>标签中 <td> 用于定义表格中阅读全文

posted @ 2020-08-01 15:22 夜之独行者阅读(169) 评论(0) 推荐(0)