随笔分类 - 0.15 |— 模块6：web前端开发
摘要：1、margin塌陷 2、margin:0 auto; 标准流盒子 3.善于使用父padding，而不是使用margin 4 5
阅读全文
摘要：1、标准文档流 2、display：行内元素与块级元素的转换 3、浮动 （1）脱离了标准文档流 （2）互相贴靠 （3）字围效果 （4）收缩 4、浮动产生的问题 5、清除浮动 （1）父元素设定高度 <!DOCTYPE html> <html lang="en"> <head> <meta charse
阅读全文
摘要：1、CSS盒子模型 HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 2、border 3.padd
阅读全文
摘要：1、字体相关CSS属性介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m
阅读全文
摘要：1.选择器 首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 2.基础选择器 3.类选择器：解耦 4.
阅读全文
摘要：1.CSS介绍：层叠样式表(Cascading Style Sheets) 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会
阅读全文
摘要：1.HTML标签属性 HTML标签可以设置属性，属性一般以键值对的方式写在开始标签中。如 为什么能设置属性呢？ 其实呢，你可以这样简单理解，因为最终我们这些标签会通过css去美化，通过javascript来操作，那么这些标签我们可以看成是一个对象，对象就应该有它自己的属性和方法。那么你像上面说到in
阅读全文
摘要：1.表格标签 table 表格由<table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等 2.表单标签
阅读全文
摘要：1.标题标签 h1~h6 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果
阅读全文
摘要：1.head标签 我们首先来介绍一下head标签的主要内容和作用，文档的头部描述了文档的各种属性和信息，包括文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用（移动端）的等。 以下标签是可以用在head标签中的： 2.title标签 <title>标签：在<tit
阅读全文
摘要：1.HTML简介 HTML，全称是超文本标记语言（HyperText Markup Language），它是一种用于创建网页的标记语言。标记语言是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息（包括例如文本的结构和表示信息
阅读全文
摘要：1.前端内容介绍 （1）web1.0时代的网页制作 网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页。例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代，用户能做的唯一事情就是浏览这个网站的
阅读全文