随笔分类 - 【Web前端--Html&Css学习复习】
摘要：一、Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 二、Webpack安装 1、全局安装 npm install -g webpack webpack-cli 2、安装后查看版本号 webpack -
阅读全文
摘要：一、简介 Babel用来将ES6代码转为ES5代码。 二、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下： npm install --global babel-cli #查看是否安装成功 babel --version 三、Babel的使用 1、初
阅读全文
摘要：初始化： #建立一个空文件夹，在命令提示符进入该文件夹 执行命令初始化 npm init #按照提示输入相关信息，如果是用默认值则直接回车即可。 #name: 项目名称 #version: 项目版本号 #description: 项目描述 #keywords: {Array}关键词，便于用户搜索到我
阅读全文
摘要：条件Hack 语法： <keywords> if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本 <version> 目前的常用IE版本为6.0及以上，推荐酌情忽略低版本，把精力花在为使用高级浏览器的用户提供更好的体验上 用于选择IE浏览器及IE的不同版本 if条件Hac
阅读全文
摘要：在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示 解决方法： 1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png24以后，图片的清晰图会有所下降； 2.使用JavaScript来解决该问题，需要向页面中引入一个外部的J
阅读全文
摘要：框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面，框架集可以同时引入多个页面，而内联框架只能引入一个，在h5标准中，推荐使用框架集，而不使用内联框架。使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中，所以要使用框架集，页面中就不可以使用b
阅读全文
摘要：表单的作用就是用来将用户信息提交给服务器的，比如：百度的搜索框 注册 登录这些操作都需要填写表单。 使用form标签创建一个表单，form标签中必须指定一个action属性，该属性指向的是一个服务器的地址，当我们提交表单时将会提交到action属性对应的地址。 使用form创建的仅仅是一个空白的表单
阅读全文
摘要：表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具，表格就是用来表示一些格式化的数据的，比如：课程表、银行对账单。在网页中也可以来创建出不同的表格。 在HTML中，使用table标签来创建一个表格，在table标签中使用tr来表示表格中的一行，有几行就有几个tr，在tr中需要使
阅读全文
摘要：background 在一个声明中设置所有的背景属性。 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 设置元素的背景图像。 background-position
阅读全文
摘要：层级 如果定位元素的层级是一样，则下边的元素会盖住上边的。 通过z-index属性可以用来设置元素的层级，可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示。 对于没有开启定位的元素不能使用z-index。 透明度 设置元素的透明背景opacity可以用来设置
阅读全文
摘要：相对定位 - 定位指的就是将指定的元素摆放到页面的任意位置，通过定位可以任意的摆放元素。 - 通过position属性来设置元素的定位。 -可选值： 当元素的position属性设置为relative时，则开启了元素的相对定位 position: relative; 当开启了元素的定位（positi
阅读全文
摘要：在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。 但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱。 所以在开发中一定要
阅读全文
摘要：块元素在文档流中默认垂直排列，所以这个三个div自上至下依次排开，如果希望块元素在页面中水平排列，可以使块元素脱离文档流。 使用float来使元素浮动，从而脱离文档流 可选值： 当为一个元素设置浮动以后（float属性是一个非none的值），元素会立即脱离文档流，元素脱离文档流以后，它下边的元素会立
阅读全文
摘要：文档流 文档流处在网页的最底层，它表示的是一个页面中的位置， 我们所创建的元素默认都处在文档流中 元素在文档流中的特点 块元素 内联元素 1.内联元素在文档流中只占自身的大小，会默认从左向右排列，如果一行中不足以容纳所有的内联元素，则换到下一行，继续自左向右。 2.在文档流中，内联元素的宽度和高度默
阅读全文
摘要：子元素默认是存在于父元素的内容区中，理论上讲子元素的最大可以等于父元素内容区大小。如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素以外的位置显示，超出父元素的内容，我们称为溢出的内容。父元素默认是将溢出内容，在父元素外边显示，通过overflow可以设置父元素如何处理溢出内容：可选值：v
阅读全文
摘要：display 将一个内联元素变成块元素，通过display样式可以修改元素的类型。可选值： 1 inline：可以将一个元素作为内联元素显示。 2 block: 可以将一个元素设置块元素显示。 3 inline-block：将一个元素转换为行内块元素。 - 可以使一个元素既有行内元素的特点又有块元
阅读全文
摘要：示例： 效果： 代码放到github上面了： https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/lesson16.html 自己可以运行下看看效果
阅读全文
摘要：浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果， 所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉。 如何去除默认样式？ 添加如下cs
阅读全文
摘要：框模型： CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢？因为如果把所有的元素都想象成盒子，那么我们对网页的布局就相当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 一个盒子我们会分成几个部分：– 内容区(content)上图的el
阅读全文
摘要：text-transform可以用来设置文本的大小写 可选值： text-decoration可以用来设置文本的修饰 可选值： 超链接会默认添加下划线，也就是超链接的text-decoration的默认值是underline，如果需要去除超链接的下划线则需要将该样式设置为none。 letter-s
阅读全文