作者文章归档:zuojie@88.com

5.CSS-盒子模型


笔记目录

图片

12. 盒子模型

12.1 盒子模型的组成

盒子模型:本质是一个盒子,用来装内容

组成:边框,外边距,内边距和内容

  • content:内容

  • padding:内边距(内容与盒子之间的距离)

  • border:边框

  • margin:外边距(盒子之间距离)

    图片

12.2 盒子边框 border:1px solid red;

border:边框粗细、边框样式、边框颜色

盒子边框的属性

  • border-width:边框粗细,单位px
  • border-style:边框样式(常用的:solid实线边框,dashed虚线边框,dotted点线边框)

图片

  • border-color...

阅读全文 →

3.CSS-基础2


笔记目录

图片

5.CSS的引入方式

  1. 内部样式表(嵌入式)
  2. 行内样式表(行内式)
  3. 外部样式表(链接式)

5.1 内部样式表

内部样式表:将CSS代码写在html内部,放到了<style>标签中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">...

阅读全文 →

1.HTML语法规范


1.HTML语法规范

1.1 基本语法概述

  • HTML标签由尖括号包围的关键词,例如<html>
  • HTML标签通常是成对出现的,例如<html></html>,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 有些特殊的标签必须是单标签(极少情况),例如<br/>

1.2 标签关系

包含关系;并列关系

1.3 第一个HTML网页

每个网页都会有一个基本的结构标签(骨架标签) , 页面内容也是在这些基本标签上书写。HTML页面也称为HTML文档

<html>    # HTML标签:页面中最大的标签,根标...

阅读全文 →

2.CSS-基础1


图片

1.CSS入门

1.1 CSS简介

CSS层叠样式表( Cascading Style Sheets ),也为CSS样式表或级联样式表,是一种标记语言。

html主要做结构,css主要做样式,美化html网页布局,使得结构与样式相分离

1.2 CSS基础语法规范

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" ...

阅读全文 →

构建可视化数据分析系统-ELK


阅读全文 →

ELK-收集mysql slow 日志


案例分析

开发和DBA为了能够实时掌握mysql的运行情况,需要对mysql中执行的sql指令大于1秒的统计出来,并且通过ELK分析,统计,实时查看。通过分析可以让DBA能够优化数据库,能够提升运行速度。

一、MySQL设置

a、mysql安装

安装脚本

mysql默认root密码更改

[root@node4 mysql]# mysql_secure_installation

b、mysql slow日志开启

#开启slow log
slow_query_log=1
slow_query_log_file=/usr/local/mysql/mysql-slow.log
long-...

阅读全文 →

分布式存储-GlusterFS


一、分布式存储介绍

我们知道NAS是远程通过网络共享目录, SAN是远程通过网络共享块设备。那么分布式存储你可以看作拥有多台存储服务器连接起来的存储输出端。把这多台存储服务器的存储合起来做成一个整体再通过网络进行远程共享,共享的方式有目录(文件存储),块设备(块存储),对象网关或者说一个程序接口(对象存储)。

常见的分布式存储开源软件有:GlusterFS,Ceph,HDFS,MooseFS,FastDFS等。

分布式存储一般都有以下几个优点:

  1. 扩容方便,轻松达到PB级别或以上
  2. 提升读写性能或数据高可用
  3. 避免单个节点故障导致整个架构问题
  4. 价格相对便宜,大量的廉价设备就可以组成,比光纤S...

阅读全文 →

ELK收集nginx access_log日志


一、案例分析

公司为了每天都能够随时看到公司WEB业务的实时运行情况,希望运维通过分析access.log日志信息,实时展示一下数据给公司的运营部门:

  • 统计不同返回值的数量
  • 统计访问前5名的IP地址
  • 统计每日PV
  • 统计每日UV
  • …….

二、nginx access_log定义json格式日志

  • 部署nginx
  • 设置nginx 访问日志为json格式

a、部署nginx服务

[root@node4 ~]# tar xf nginx-*.rpm
[root@node4 ~]# cd nginx-*.rpm
[root@node4 ~]# yum -y install pcre-deve...

阅读全文 →

ELK-beats数据采集


一、beats介绍

因为logstash太费内存了,如果在要采集的服务上都安装logstash,你可以想象这样这样资源消耗多高。所以我们要用轻量级的采集工具才更高效,更省资源。

ELKfilebeat架构.png

beats是轻量级的日志收集处理工具,Beats占用资源少

  • Packetbeat: 网络数据(收集网络流量数据)
  • Metricbeat: 指标 (收集系统、进程和文件系统级别的 CPU 和内存使用情况等数据)
  • Filebeat: 文件(收集日志文件数据)
  • Winlogbeat: windows事件日志(收集 Windows 事件日志数据)
  • Auditbeat:审计数据 (收集审计日志)
  • Heartbeat:运...

阅读全文 →

ELK-kibana数据展示


学习数据采集、数据分析的时候,我们一般验证都是通过ES-head来查看的,虽然解决了验证问题,但是界面友好度还是比较差,为了解决这个问题,我们可以通过学习kibana之后,通过kibana进行数据展示。

一、kibana部署

1.1、kibana介绍

Kibana是一个开源的可视化web平台,【是什么】

可以为ElasticSearch集群的管理提供友好的Web界面,帮助汇总,分析和搜索重要的日志数据。【干什么】

文档路径: https://www.elastic.co/guide/en/kibana/current/setup.html

1.2、kibana安装部署

部署前准备

  • 机器...

阅读全文 →