Arya05（学jQuery语法啦）

发表于 2019-05-13

首先

jQuery是一个JavaScript函数库。

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的”写的少，做的多”的JavaScript库。
jQuery库包含以下功能：
HTML 元素选取
HTML 元素操作
CSS 操作
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示：除此之外，Jquery还提供了大量的插件。

语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()
美元符号定义 jQuery
选择符（selector）”查询”和”查找” HTML 元素
jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有

元素
$(“p.test”).hide() - 隐藏所有 class=”test” 的

元素
$(“#test”).hide() - 隐藏所有 id=”test” 的元素

Arya04

发表于 2019-05-06

今天学会的一点内容（5.06）

今天知道了jsp页面内的输入框里面的内容怎么传到另一个jsp页面。（之前被误导以为要把内容保存至session中然后上传到指定页面，果然还是想太多）
这是我的要传页面的代码（最后证明还是被误导了，这只能通过数据库操作）


<form  method="post" action="success.jsp">
<input  type="text"name="f1"value="${f1}"style="width:800px; height:20px;text-align:center"placeholder="请输入标题" />
 <input type="text"name="f2"value="${f2}"style="width:800px; height:300px;text-align:center"placeholder="请输入内容" />
<input type="submit" value="提交发布"  />
</form>

接受页面的代码

<% request.setCharacterEncoding("utf-8");%>
            <%=request.getParameter("f1")%> <hr><br>
            <%=request.getParameter("f2") %>

我这用的是post方法传表单数据，post方法比较保密，比如传密码是不错的选择。除了这个还有GET方法，GET方法是浏览器默认传递参数的方法，一些敏感信息，如密码等建议不使用GET方法。用get时，传输数据的大小有限制（注意不是参数的个数有限制），最大为1024字节。

value=”${f1}”这是为了保存文本框内的值，setCharacterEncoding(“utf-8”)是因为没弄的时候都是乱码，所以设置了就能争取显示中文了，还有：
getParameter(): 使用 request.getParameter() 方法来获取表单参数的值。
getParameterValues(): 获得如checkbox类（名字相同，但值有多个）的数据。接收数组变量，如checkbox类型
getParameterNames():该方法可以取得所有变量的名称，该方法返回一个 Enumeration。
getInputStream():调用此方法来读取来自客户端的二进制数据流。

还有不懂的其他问题（都解决）

1.如何让那些文本框内的值一传到另一个页面就永不消失（这只能通过数据库）
2.如何设置评论呢

今天课比较多暂时就先解决设置过滤器的问题（5.07）

在主页中想要实现某些操作但是得要求用户进行了登录操作才可，这时候就得要设置Filter过滤类，主要是过滤器实现对未登录用户访问JSP页面进行控制。这样才能保证用户访问某个页面的前提是已经登录。我是先设置LoginFilter类，这个类里面主要是检测用户信息是否在Session类中，如果是则直接跳转到指定页面，如果不是，则会跳转到登陆页面，登陆后就可以跳转到指定页面了。

过滤器设置成功，就是判断加设置。将message和title保存到数据库然后通过读取数据库再显示在主页面上，两个很关键的都是怎么读取数据库。

发布内容的功能就是将标题、内容存到数据库里然后再jsp页面上读取出来，当然很重要的是要连接数据库。这里的连接数据库实际上都是在Jsp页面上操作的
<%
try {
Class.forName(“com.mysql.jdbc.Driver”); ////驱动程序名
String url = “jdbc:mysql://localhost:3306/A20170512”; //数据库名
String username = “root”; //数据库用户名
String password = “123456”; //数据库用户密码
Connection conn = DriverManager.getConnection(url, username, password); //连接状态

        if(conn != null){  
            out.print(" ");  
            out.print("<br />"); 
%>

<%
            Statement stmt = null;  
            ResultSet rs = null;  
            ResultSet ps =null;
            String sql = "SELECT * FROM Message;";  //查询语句
           // String rep="SELECT * FROM Comment ";
            stmt = conn.createStatement();  
            rs = stmt.executeQuery(sql);  
          //  ps = stmt.executeQuery(rep);
            out.print(" ");  
    out.print("<br/>");
            while (rs.next()) {%>
    
                 
      
 <%=rs.getstring("title") %> 
         
<%=rs.getstring("message") %>

      <%=rs.getstring("username") %>   ">评论 
      

 
    


    
    <%} }else{ out.print("连接失败！"); } }catch (exception e) { out.print("数据库连接异常！"); }%> < code>

连接数据库，操作数据库，解决之前的问题关键就是把帖子和评论都是先存进数据库里面的，就是一写进去就存进去了，之后在jsp页面中读取出来。
上面的代码就是在数据库里面读取。

Arya03（Tomcat运行失败的问题）

发表于 2019-05-06

这是eclipse中Tomcat崩溃时的解法

问题：项目无法启动报错Removing obsolete files from server… Could not clean server 。。。。

用了百度上的各种方法都没用

首先尝试了把Tomcat删除后再重新建立，然而没用
第二个方法是保证eclipse中tomcat的server.xml与Tomcat根目录下conf/server.xml保持一直，然后删除eclipse的Workspace工作目录下的.metadata.pl ugins\org.eclipse.wst.server.core中temp0文件夹中所有文件，然而对我的项目依旧没用，这时候以及很崩溃了。。。。。
最后我又看到网上是说eclipse的版本和Tomcat版本不匹配？？但是之前为毛可以运行我很怀疑？于是我把Tomcat原来的7.0版本换成了6.0，总算是有点用了。亲测最好用的方法还是把EClipse那个大头文件删了重新装最好办哈哈哈。
Tomcat编译时报错
严重: A child container failed during start
java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/lab]]
at java.util.concurrent.FutureTask.report(Unknown Source)
at java.util.concurrent.FutureTask.get(Unknown Source)
at org.apache.catalina.core.ContainerBase.startInternal(ContainerBase.java:1123)
at org.apache.catalina.core.StandardHost.startInternal(StandardHost.java:816)
at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:150)
at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1575)
at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1565)
at java.util.concurrent.FutureTask.run(Unknown Source)
at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)
Caused by: org.apache.catalina.LifecycleException: Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/lab]]
at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:154)
… 6 more
Caused by: java.lang.NoClassDefFoundError: org/springframework/web/context/WebApplicationContext
at java.lang.Class.getDeclaredFields0(Native Method)
at java.lang.Class.privateGetDeclaredFields(Unknown Source)
at java.lang.Class.getDeclaredFields(Unknown Source)
at org.apache.catalina.util.Introspection.getDeclaredFields(Introspection.java:106)
at org.apache.catalina.startup.WebAnnotationSet.loadFieldsAnnotation(WebAnnotationSet.java:270)
at org.apache.catalina.startup.WebAnnotationSet.loadApplicationServletAnnotations(WebAnnotationSet.java:139)
at org.apache.catalina.startup.WebAnnotationSet.loadApplicationAnnotations(WebAnnotationSet.java:65)
at org.apache.catalina.startup.ContextConfig.applicationAnnotationsConfig(ContextConfig.java:415)
at org.apache.catalina.startup.ContextConfig.configureStart(ContextConfig.java:892)
at org.apache.catalina.startup.ContextConfig.lifecycleEvent(ContextConfig.java:386)
at org.apache.catalina.util.LifecycleSupport.fireLifecycleEvent(LifecycleSupport.java:117)
at org.apache.catalina.util.LifecycleBase.fireLifecycleEvent(LifecycleBase.java:90)
at org.apache.catalina.core.StandardContext.startInternal(StandardContext.java:5380)
at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:150)
… 6 more
Caused by: java.lang.ClassNotFoundException:
org.springframework.web.context.WebApplicationContext
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1720)
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1571)
… 20 more

可以试试clean一下项目再重新发布，如果没用就去看看配置文件，配置文件肯定有错误了。

hexo d遇到问题的解决方法

发表于 2019-04-18

hexo d时可能会遇到
Please tell me who you are. Run git config –global user.email “you@example.com“ git config –global user.name “Your name”
等问题
这时需要告诉它你的用户名和邮箱
可以直接：
$ git config –global user.name “输入你的用户名”
$ git config –global user.email “输入你的邮箱”
（但是！！！user.name和”你的用户名”之间一定要有空格！！！ config和–global之间也要有空格！）
然后$ git config –list 会发现修改成功。这个命令就是来检查设置的。

Review

发表于 2019-04-15

#《三篇论文读后感》

第一篇-《Google File System》

首先，Google GFS 文件系统是一个面向大规模数据密集型应用的、可伸缩的分布式文件系统。而Google GFS文件系统是基于现实的考量所设计出来的，它的设计需求是改变以往的对文件只能按顺序只读的操作，且由于经常文件巨大影响工作效率，文件系统又对应用程序有较大要求等。所以，Google已经针对不同的应用部署了多套 GFS 集群。最大的一个集群拥有超过 1000 个存储节点，超过300TB 的硬盘空间，被不同机器上的数百个客户端连续不断的频繁访问。系统的工作负载主要由两种读操作组成：大规模的流式读取和小规模的随机读取，这样可以尽量减少组件失效的情况。但是，系统的工作负载还包括许多大规模的、顺序的、数据追加方式的写操作。一般情况下，每次写入的数据的大小和大规模读类似。数据一旦被写入后，文件就很少会被修改了。系统支持小规模的随机位置写入操作，但是可能效率不彰。此外，GFS 提供了一套类似传统文件系统的API接口函数，虽然并不是严格按照POSIX等标准API的形式实现的。文件以以及GFS 提供了快照和记录追加操作。快照以很低的成本创建一个文件或者目录树的拷贝。记录追加操作允许多个客户端同时同时对一个文件进行数据追加操作，同时保证每个客户端的追加操作都是原子性的。一个GFS集群包含一个单独的Master节点3、多台Chunk服务器，并且同时被多个客户端访问，所以此文件系统选择单一的Master节点，以及设计Chunk的尺寸为64M。Master 服务器7存储 3 种主要类型的元数据，包括：文件和Chunk的命名空间、文件和Chunk的对应关系、每个 Chunk 副本的存放地点。因为元数据保存在内存中，所以 Master 服务器的操作速度非常快。

第二篇-《Google Bigtable》

Bigtable 是一个分布式的结构化数据存储系统，它被设计用来处理海量数据：通常是分布在数千台普通服务器上的 PB 级的数据。Bigtable 的设计目的是可靠的处理 PB 级别的数据，并且能够部署到上千台机器上。Bigtable已经实现了下面的几个目标：适用性广泛、可扩展、高性能和高可用性。在很多方面，Bigtable 和数据库很类似。Bigtable 包括了三个主要的组件：链接到客户程序中的库、一个 Master 服务器和多个 Tablet 服务器。针对系统工作负载的变化情况，BigTable 可以动态的向集群中添加（或者删除）Tablet 服务器。Master 服务器主要负责以下工作：为 Tablet 服务器分配 Tablets、检测新加入的或者过期失效的 Table 服务器、对 Tablet 服务器进行负载均衡、以及对保存在 GFS 上的文件进行垃圾收集。除此之外，它还处理对模式的相关修改操作，例如建立表和列族。截止到2006年8月，Google内部一共有388个非测试用的Bigtable集群运行在各种各样的服务器集群上，合计大约有 24500 个 Tablet 服务器。

第三篇-《Google MapReduce》

MapReduce 是一个编程模型，也是一个处理和生成超大数据集的算法模型的相关实现。用户首先创建一一个 Reduce 函数用来合并所有的具有相同中间 key 值的中间 value 值。MapReduce 架构的程序能够在大量的普通配置的计算机上实现并行化处理。这个系统在运行时只关心：如何分割输入数据，在大量计算机组成的集群上的调度，集群中计算机的错误处理，管理集群中计算机之间必要的通信。采用 MapReduce 架构可以使那些没有并行计算和分布式处理系统开发经验的程序员有效利用分布式系统的丰富资源。MapReduce 编程模型的原理是：利用一个输入 key/value pair 集合来产生一个输出的 key/value pair 集合。MapReduce 模型可以有多种不同的实现方式。如何正确选择取决于具体的环境。例如，一种实现方式适用于小型的共享内存方式的机器，另外一种实现方式则适用于大型 NUMA 架构的多处理器的主机，而有的实现方式更适合大型的网络连接集群。Master 持有一些数据结构，它存储每一个 Map 和 Reduce 任务的状态（空闲、工作中或完成)，以及 Worker机器(非空闲任务的机器)的标识。因为 MapReduce 库的设计初衷是使用由成百上千的机器组成的集群来处理超大规模的数据，所以，这个库必须要能很好的处理机器故障。到目前为止，MapReduce 最成功的应用就是重写了 Google 网络搜索服务所使用到的 index 系统。统。索引系统的输入数据是网络爬虫抓取回来的海量的文档，这些文档数据都保存在 GFS 文件系统里。

Arya02（数据库语言）

发表于 2019-04-13

Arya02

第二篇文章哦

对数据库语言的了解

MySQL和SQL区别
　一开始以为MySQL和SQL是同一个东西，其实不然。通过百度，我了解到：
　　　　　对于程序开发人员而言，目前使用最流行的两种后台数据库即为MySQL and SQLServer。这两者最基本的相似之处在于数据存储和属于查询系统。你可以使用SQL来访问这两种数据库的数据，因为它们都支持ANSI-SQL。还有，这两种数据库系统都支持二进制关键词和关键索引，这就大大地加快了查询速度。同时，二者也都提供支持XML的各种格式。除了在显而易见的软件价格上的区别之外，这两个产品还有什么明显的区别吗？在这二者之间你是如何选择的？让我们看看这两个产品的主要的不同之处，包括发行费用，性能以及它们的安全性。

根本的区别是它们遵循的基本原则

二者所遵循的基本原则是它们的主要区别：开放vs保守。SQL服务器的狭隘的，保守的存储引擎与MySQL服务器的可扩展，开放的存储引擎绝然不同。虽然你可以使用SQL服务器的Sybase引擎，但MySQL能够提供更多种的选择，如MyISAM,Heap, InnoDB, and BerkeleyDB。MySQL不完全支持陌生的关键词，所以它比SQL服务器要少一些相关的数据库。同时，MySQL也缺乏一些存储程序的功能，比如MyISAM引擎联支持交换功能。

　　　两者优缺点分析：
　1　优点分析：MYSQL短小精悍，容易上手，操作简单，免费供用的。相对其它数据库有特色又实用的语法多一些。SQL怎么也算是大型数据库，稳定，能做一般大系统的数据仓库，运行速度明显比MYSQL快N多（海量数据下这个优势显而易见）。

2　缺点分析：MYSQL难担当大系统的数据仓库，运行速度慢，不够稳定，有掉线的情况。SQLSERVER价格贵（当然没说5元盗版），使用起来比MYSQL要难一些，毕竟东西大了说道多点。

SQL语句的常用语法（因为不懂，误打误撞学了这个发现还挺好，但还是要学常用的MYSQL）
　１　什么是 SQL？
　　　SQL 指结构化查询语言
　　　SQL 使我们有能力访问数据库
　　　SQL 是一种 ANSI 的标准计算机语言

2 SQL (结构化查询语言)是用于执行查询的语法。但是 SQL 语言也包含用于更新、插入和删除记录的语法。

  查询和更新指令构成了 SQL 的 DML 部分：
  SELECT - 从数据库表中获取数据
  UPDATE - 更新数据库表中的数据
  DELETE - 从数据库表中删除数据
  INSERT INTO - 向数据库表中插入数据
SQL 的数据定义语言 (DDL) 部分使我们有能力创建或删除表格。我们也可以定义索引（键），规定表之间的链接，以及施加表间的约束。
 SQL 中最重要的 DDL 语句:
  CREATE DATABASE - 创建新数据库
  ALTER DATABASE - 修改数据库
  CREATE TABLE - 创建新表
  ALTER TABLE - 变更（改变）数据库表
  DROP TABLE - 删除表
  CREATE INDEX - 创建索引（搜索键）
  DROP INDEX - 删除索引

a   SQL SELECT 语法：SELECT 列名称 FROM 表名称
  以及：
 SELECT * FROM 表名称 //表示选取表的所有列
 //注释：SQL 语句对大小写不敏感。SELECT 等效于 select。

b  在表中，可能会包含重复值。这并不成问题,不过,有时您也许希望仅仅列出不同（distinct）的值。
 关键词 DISTINCT 用于返回唯一不同的值。
 语法：SELECT DISTINCT 列名称 FROM 表名称  //把你想要的某一列专门挑出来

c  如需有条件地从表中选取数据，可将 WHERE 子句添加到 SELECT 语句。
 语法
   SELECT 列名称 FROM 表名称 WHERE 列 运算符 值

d  AND 和 OR 可在 WHERE 子语句中把两个或多个条件结合起来。
 如果第一个条件和第二个条件都成立，则 AND 运算符显示一条记录。
 如果第一个条件和第二个条件中只要有一个成立，则 OR 运算符显示一条记录。

e   INSERT INTO 语句用于向表格中插入新的行。
 语法:INSERT INTO 表名称 VALUES (值1, 值2,....)
   我们也可以指定所要插入数据的列：
    INSERT INTO table_name (列1, 列2,...) VALUES (值1, 值2,....)

f  Update 语句用于修改表中的数据。

语法：

    UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值

g   DELETE 语句用于删除表中的行。

语法: DELETE FROM 表名称 WHERE 列名称 = 值

Arya01（HTML和CSS学习）

发表于 2019-03-24 | 分类于前端

Arya01

第一篇文章哦

对HTML和CSS的学习心得

HTML的学习

什么是HTML
HTML(Hyper Text Markup Language)是一种用来描述网页的超文本标记语言，不是编程语言。但HTML命令可以说明文字、图形、动画、声音、表格、链接等，HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。HTML文档也就是网页。
学HTML能做什么
既然HTML使用标记标签来描述网页，那理所当然我们可以用HTML来写一个静态网页。HTML写静态网页，CSS可为其设计样式，Javascript可以给网页增加动态成分。
HTML语法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

这是Dreamweaver中HTML文件打开的默认格式（我个人觉得DW写很有趣，因为可以拆分，一边写代码一边看效果，如果要用的话下载后需要先新建一个文件夹设置为站点，另外网页中需要用到的图片都可以放到这个文件夹中），由此代码可知HTML中的标签都是成对的，即为开始标签和结束标签。

a 标签

1.＜!DOCTYPE＞标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范；
2.＜html＞称为根标记，就是说明此文档是一个HTML文档；
3.＜head＞称为头部标记，即用来定义HTML文档的头部信息，可用来封装其他头部标记，比如＜meta＞标记有关页面的元信息，＜link>表示文档与外部链接的关系；

1	<link rel="stylesheet"href="css/main.css"type="text/css"/>

4.< title>与< /title >之间即可显示HTML文档的标题；
5.< body >< /body > 之间即可写HTML文档的内容；
6.< p >< /p >是段落标记，< br/>是换行标记；

1
2
3

<body>
  <p>使用HTML制作网页时通过br标记<br/>可以实现换行效果</p>
</body>

7.< font >标记来控制网页中文本的样式，字体样式、大小和颜色；

1	<font 属性="属性值">文本内容</font>

8.图像标记< img src=””>

1	< img src="图像的路径（最好是相对路径）"/>

9.表格标记:
< table>< /table>用于定义一个表格，< tr>< /tr>用于定义表格中的行，但要嵌套在< table>< /table>中，< td>< /td>表示单元格，也要嵌套在< tr>< /tr>中；
10.表单标记

1
2
3

<form action="url地址" method="提交方式" name="表单名称">
    各种表单控件定义:<input type="控件类型"/>
 </form>

b 还有其他一些标记就不做解释了，学习这个最好上手实现一下，会有点成就感的！！！

其他（学习时做的小笔记）

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如需显示小于号,我们必须这样写：< 或 < .

scheme://host.domain:port/path/filename
解释：

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

使用 HTML5 的网站布局（ HTML5 是最新的 HTML 标准,HTML5 是专门为承载丰富的 web内容而设计的，并且无需额外插件。HTML5拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。)

HTML5 提供的新语义元素定义了网页的不同部分：
HTML5 语义元素
header  定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容（比如侧栏）
footer  定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题

CSS的学习

CSS是什么

CSS是Cascading Style Sheet 的缩写，是“层叠样式表单”。CSS优点：样式丰富、易于修改、多页面应用、层叠等。

CSS能干什么

a CSS就是用来设计网页样式，且可以和网页内容信息分离设计的。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页
各元素进行格式化。

b CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。

c CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

d 名称CSS中的”层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。

CSS基础语法（这是我自己学的时候记的笔记，所以直接拷贝上来了）

1.CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。
```
selector {declaration1; declaration2; ... declarationN }
```
选择器通常是您需要改变样式的 HTML 元素，每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。
属性和值被冒号分开selector {property: value}；格式：选择器{属性：值；属性：值}。
（如果值为若干单词，则要给值加引号）

2.根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：

body{
```
font-family: Verdana, sans-serif;
 }
```
根据上面这条规则，站点的 body 元素将使用 Verdana 字体（假如访问者的系统中存在该字体的话）。

3.在 CSS 中，类选择器以一个点号显示：
```
.center {text-align: center}  //文字排列（text-alignment）和字体尺寸（font-size）
```
4.CSS 背景属性
```
     属性                        描述 
background                 简写属性，作用是将背景属性设置在一个声明中。
background-attachment      背景图像是否固定或者随着页面的其余部分滚动。
background-color           设置元素的背景颜色。
background-image           把图像设置为背景。
background-position        设置背景图像的起始位置。
background-repeat          设置背景图像是否及如何重复。
```
5.字符转换
```
text-transform 属性处理文本的大小写。这个属性有4个值：none uppercase lowercase capitalize，
默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。顾名思义，
uppercase 和 lowercase 将文本转换为全大写和全小写字符。
最后，capitalize 只对每个单词的首字母大写。
```
6.CSS 文本属性
```
属性               描述
```
color 设置文本颜色
direction 设置文本方向。
line-height 设置行高。
letter-spacing 设置字符间距。
text-align 对齐元素中的文本。
text-decoration 向文本添加修饰。
text-indent 缩进元素中文本的首行。
text-shadow 设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。
text-transform 控制元素中的字母。
unicode-bidi 设置文本方向。
white-space 设置元素中空白的处理方式。
word-spacing 设置字间距。
:first-letter 向文本的第一个字母添加特殊样式。
:first-line 向文本的首行添加特殊样式。
:before 在元素之前添加内容。
:after 在元素之后添加内容。

7.CSS 伪元素用于向某些选择器设置特殊效果。伪元素的语法：
```
selector:pseudo-element {property:value;}
```

HTML学习资料导航

Hello World

发表于 2019-03-23

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1	$ hexo new "My New Post"

More info: Writing

Run server

1	$ hexo server

More info: Server

Generate static files

1	$ hexo generate

More info: Generating

Deploy to remote sites

1	$ hexo deploy

More info: Deployment

首先

语法