随笔分类 -  前端学习

上一页 1 2 3
配置webpack
摘要：使用npm安装webpack npm install webpack webpack-cli -D 在项目目录下面创建webpack.config.js文件并写入内容 // 使用Node.js中的导出语法，向外导出一个webpack的配置对象 module.exports = { // 代表webp 阅读全文
posted @ 2021-10-08 16:25 BONiii 阅读(43) 评论(0) 推荐(0)
Html5和CSS3学习
摘要：Html5和CSS3 广义的H5指的是HTML5本身+CSS3+JavaScript HTML5的新特性 新增的语义化标签 header：头部标签 nav：导航标签 article：内容标签 section：定义文档某个区域 aside：侧边栏标签 footer：尾部标签 效果类似于div，这些标签 阅读全文
posted @ 2021-07-08 20:21 BONiii 阅读(179) 评论(0) 推荐(0)
CSS学习（5）
摘要：CSS学习（5） 精灵图 使用精灵图核心： 精灵技术主要针对于背景图片的使用，就是把多个小背景图片整合到一张大图片中。 这个大图片也称为sprites精灵图或者雪碧图 移动背景图片位置，此时可以使用background-position。 移动的距离就是这个目标图片的x和y坐标。注意网页中的坐标有所 阅读全文
posted @ 2021-07-07 10:05 BONiii 阅读(96) 评论(0) 推荐(0)
CSS学习（4）
摘要：CSS学习（4） PS切图 图层切图 右键选中的图层，点击快速导出为PNG。 如果需要将多个图层合并成一张PNG输出，则选中多个图层，然后点击图层->合并图层（或者crt+E）。 切片切图 利用切片工具手动划出 文件菜单->导出->存储为web设备所用格式->选择我们要的图片格式->存储 PS插件切 阅读全文
posted @ 2021-07-06 14:02 BONiii 阅读(102) 评论(0) 推荐(0)
CSS 学习（3）
摘要：CSS 学习（3） 盒子模型 盒子的组成 border边框，content内容，padding内边距，margin外边距。 边框（border） border-with：边框的粗细（一般情况下使用px为单位），未指定边框样式没法显示。 border-style：边框的样式（solid实线，dashe 阅读全文
posted @ 2021-07-02 18:55 BONiii 阅读(111) 评论(0) 推荐(0)
CSS学习（2）
摘要：CSS学习（2） Emmet语法 emmet语法可以通过缩写的形式来提高html/css的编写速度 生成标签：输入标签名按下tab键 生成多个相同标签：如div*3 生成父子级关系：如ul>li 生成兄弟级关系：如div+p 生成带有类名或id名字的标签：标签名称.demo或#two按下tab键就可 阅读全文
posted @ 2021-06-24 20:34 BONiii 阅读(172) 评论(0) 推荐(0)
CSS学习（1）
摘要：CSS学习 CSS是层叠样式表（Cascading Style Sheets）的简称。 有时候也会称之为CSS样式表或级联样式表。 CSS也是一种标记语言。 CSS主要设置HTML页面中的文本内容、图片的外形以及版面的布局和外观显示样式。 HTML可以专注去做结构，CSS用来做样式。 CSS的语法规 阅读全文
posted @ 2021-06-21 17:34 BONiii 阅读(185) 评论(0) 推荐(0)

上一页 1 2 3