随笔分类 - 前端开发
摘要：2.3 结构伪类选择器 结构伪类选择器主要根据文档结构来选择器元素，常用于根据父级选择器里面的子元素 选择符简介 E:first-child 匹配父元素中的第一个子元素E E:last-child 匹配父元素中最后一个E元素 E:nth-child(n) 匹配父元素中的第n个子元素E E:first
阅读全文
摘要：2.2属性选择器 属性选择器可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。 选择符简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[attN="val"] 匹配具有att属性且值以val开头的E元素
阅读全文
摘要：2.1 CSS3的现状 新增的CSS3特性有兼容性问题，ie9+才支持 移动端支持优于PC端 不断改进中 应用相对广泛 现阶段主要学习∶新增选择器和盒子模型以及其他特性 CSS3新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 属性选择器 结构伪类选择器 伪元素选择器
阅读全文
摘要：不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CSS初始化 简单理解︰CSS初始化是指重设浏览器的样式。(也称为CSS reset )每个网页都必须首先进行CSS初始化。 这里我们以京东css初始化代码为例。 Unicode编码字体:
阅读全文
摘要：1.14.1 精灵图 1.14.1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵
阅读全文
摘要：类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现! 本质:让一个元素在页面中隐藏或者显示出来。 display显示隐藏 visibility显示隐藏 overflow溢出显示隐藏 13.1 display 属性 display属性用于设置一个元素应如何显示。 display:
阅读全文
摘要：12.1 为什么需要定位 当标准流或浮动都无法快速实现，此时需要定位来实现。 所以∶ 1．浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2．定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 12.2 定位组成 定位︰将盒子定在某一个位置
阅读全文
摘要：为了提高网页制作的效率，布局时通常有以下的整体思路︰ 必须确定页面的版心(可视区)，我们测量可得知。 分析页面中的行模块，以及每个行模块中的列模块。其实页面布局第一准则. 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置.页面布局第二准则 制作 HTML结构。我们还是遵循，先有结构，
阅读全文
摘要：生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验.. 建议遵循以下顺序： 布局定位属性：display / position / float / clear / visibility / overflow（建议
阅读全文
摘要：9.1传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)∶ 普通流(标准流) 浮动 定位 9.2 标准流（普通流/文档流) 所谓的标准流:就是标签按照规定好默认方式排列. 块级元素会独占一行，从上向下顺序
阅读全文
摘要：8.1 圆角边框 在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius属性用于设置元素的外边框圆角。语法: border-radius : length; radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果 参数值可以为数值或百分比的形式 如果
阅读全文
摘要：PS基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop )来做的，所以以后我们大部分切图工作都是在PS里面完成。 文件→打开:可以打开我们要测量的图片 Ctrl+R:可以打开标尺，或者视图→标尺 右击标尺，把里面的单位改为像素 Ctrl+加号(+)可以放大视图，Ctrl+减号(-
阅读全文
摘要：7.1 看透网页布局的本质 网页布局过程∶ 先准备好相关的网页元素，网页元素基本都是盒子Box。 利用CSS设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质:就是利用CSS摆盒子。 7.2 盒子模型(Box Model )组成 所谓盒子模型︰就是把HTML页面中的布局元素
阅读全文
摘要：CSS的三大特性 CSS有三个非常重要的三个特性∶层叠性、继承性、优先级。 6.1 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠)另一个冲突的样式。层叠性主要解决样式传统的问题 层叠性原则: 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 6
阅读全文
摘要：CSS的背景 通过CSS背景属性，可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 5.1 背景颜色 background-color属性定义了元素的背景颜色。 一般情况下元素背景颜色默认值是transparent(透明），我们也可以手动指定
阅读全文
摘要：CSS的元素显示模式 了解元素的显示模式可以更好的让我们布局页面. 什么是元素的显示模式 元素显示模式的分类 元素显示模式的转换 4.1 什么是元素显示模式 作用:网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。 元素显示模式就是元素(标签)以什么方式进
阅读全文
摘要：3.1 什么是复合选择器 在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器包括:后代选
阅读全文
摘要：CSS文本属性 CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本装饰文本、文本缩进、行间距等。 2.1 color文本颜色 color: red;color: #ffffff;color: rgb(255,0,255) 2.2 text-align对齐文本 text-align
阅读全文
摘要：CSS字体属性 CSS Fonts(字体属性用于定义字体系列、大小、粗细、和字样式(如斜体) 1.1 font-family字体系列 font-family:"傲软雅黑";font-family:Arial,"Microsoft Yahei";最常见的几个字体:font-family: "Micro
阅读全文
摘要：pm2管理器 pm2安装 # 命令行安装 pm2 npm install -g pm2 pm2用法 pm2 start app.js --name demo # 启动带命名的进程(demo为自定义名称)pm2 start npm -- run dev --name demo # 启动npm脚本pm2
阅读全文
浙公网安备 33010602011771号