- 博客(4)
- 收藏
- 关注
RSS订阅原创 HTML5 和 CSS3 提高
1. HTML5 的新特性HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。1.1 HTML5 新增的语义化标签以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的。<div class=“header”> </div><div class=“nav”> </div>&l
2021-04-24 08:40:49
52
原创 web前端day8-css高级技巧
1.精灵图1.1为什么需要精灵图为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度1.2 精灵图（sprites）的使用使用精灵图核心：精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。这个大图片也称为 sprites 精灵图 或者 雪碧图移动背景图片位置， 此时可以使用 background-position 。移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同因为一般情况下都是往上往左移动，所以数值是负值。使用精灵图的时候需要精
2021-04-18 10:40:38
168
原创 WEB前端学习day-6-盒子，浮动，学成在线案例
1.圆角边框border-radius: 10px;如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50%2.盒子阴影box-shadow: h-shadow v-shadow blur spread color inset;3.浮动有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式.通过float来设置浮动样式float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框
2021-04-13 15:35:22
643
原创 WEB-前端学习day5
1.css的三大特性层叠性、继承性、优先性层叠性：1.什么是样式冲突？当同一个标签被多次设置同一样式的时候会发生样式冲突2、什么是样式的层叠性？当样式冲突的时候，只会有一个起作用，即样式的层叠，就近原则<style> div { color: pink; font-size: 20px; /* 这个属性不会被覆盖掉 */ } div {
2021-04-07 19:42:46
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人