宽高自适应

宽高自适应

定义：
网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。
优点：
元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。

more >>

展开全文 >>

定位锚点

与定位相关的属性

position：static /absolute/relative/fixed

  1. static：默认值，无特殊定位，对象遵循 HTML 原则；
  2. absolute：绝对定位，将对象从文档流中拖离出来，使用 left/right/top/bottom 属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对象，则依据 html 对象(浏览器)，而其层叠通过 z-index 属性定义；
  3. relative ：相对定位，相对于标签原来的位置进行定位，对依据 right，top，left，bottom（相对定位）等属性在正常文档流中偏移位置；
  4. fixed：固定定位：相对于浏览器定位，脱离文档流；
more >>

展开全文 >>

元素类型

块元素(block)

  1. 块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域
    常用的块状元素包块 div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等;
  2. 块元素的特点： 1)默认情况下，块状元素都会独占一行，块状元素会按顺序自上而下排列。 2)块状元素都可以直接定义自己的宽度和高度。 3)块状元素遵循盒模型的所有规则，一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。（p 标签除外）
more >>

展开全文 >>

CSS核心属性

CSS 简介

Css 的三大特性（机制）：特殊性、继承性、层叠性

特殊性：就是之前说的权重；
继承性：子元素会继承父元素的一些属性
层叠性：样式产生冲突时，会如何加载 1)选择器权重大的优先加载 2)权重一样时，按照文件的读写顺序；后写的会覆盖先写的样式

more >>

展开全文 >>

CSS基础

CSS 简介

cascading style sheets 汉译:层叠样式表

WEB 标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。
目前推荐遵循的是 W3C 发布的 CSS3.0

用来表现 XHTML 或者 XML 等样式文件的计算机语言。
1998 年 5 月 21 日由 w3C 正式推出的 css2.0

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

随和且慢热<br><br>你主动我们就会有故事<br><br>爬山爱好者<br><br>马拉松爱好者<br><br>爱好干净、轻微整洁癖