- 博客(9)
- 收藏
- 关注
RSS订阅原创 CSS（七）：HTML5CSS3
目录HTML5新增特性1. HTML5新增的语义化标签2. HTML5新增的多媒体标签视频\音频\3. HTML5新增的input类型4. HTML5新增的表单属性CSS3新增特性1. CSS3新增选择器属性选择器结构伪类选择器伪元素选择器HTML5新增特性HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题或是在移动端，可以大量使用这些新特性声明：新特性增加了很多，但我们专
2021-07-17 14:47:26
177
原创 CSS（六）：CSS高级技巧
目录精灵图1. 为什么需要精灵图2. 精灵图的使用字体图标1. 字体图标的优点2. 字体图标的下载3. 字体图标的引入4. 字体图标的追加和加载原理CSS三角CSS用户界面样式1. 鼠标样式 cursor2.3.精灵图1. 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sp
2021-07-16 13:07:37
127
原创 CSS（五）：定位与显示隐藏
目录定位为什么需要定位定位组成1. 定位模式2. 边偏移定位模式1. 静态定位 static2. 相对定位 relative（重要）3. 绝对定位 absolute（重要）4. 固定定位 fixed5. 粘性定位 sticky6. 总结叠放顺序 z-index特殊特性定位为什么需要定位某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子当我们滚动窗口时，盒子是固定到屏幕某个位置的以上效果无法用标准流和浮动实现，此时需要定位来实现浮动可以让多个块级盒子一行没有缝隙排列显示，常用于横向排
2021-07-12 19:51:51
692
原创 CSS（四）：布局与浮动
目录传统网页布局的三种方式普通流（标准流/文档流）浮动为什么需要浮动？什么是浮动？浮动特性（重难点）脱标浮动元素一行显示浮动元素具有行内块元素特性浮动元素经常和标准流父级搭配使用浮动布局注意点为什么需要清除浮动清除浮动清除浮动本质清除浮动方法额外标签法父级添加overflow父级添加after伪元素父级添加双伪元素切图常见的图片格式PS切图图层切图切片切图PS插件切图CSS属性书写顺序页面布局整体思路传统网页布局的三种方式网页布局的本质——用CSS来摆放个值，把盒子摆放到相应位置CSS提供了三种传统（
2021-07-04 23:45:13
186
原创 CSS（三）：CSS特性与盒子模型
目录CSS三大特性层叠性标题CSS三大特性CSS有三个非常重要的特性：层叠性、继承性、优先性层叠性给相同选择器设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题层叠性原则：样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式样式不冲突的部分不会层叠标题...
2021-06-19 18:34:42
251
原创 CSS（一）：选择器和字体、文本属性
CSS简介HTML的局限性HTML只关注标签的语义，虽然可以做简单的样式，但会带来臃肿和繁琐，并且页面显示很丑。CSS-网页的美容师
2021-06-15 22:48:25
316
1
原创 HTML标签
目录语法规范基本结构标签常用标签标题标签-段落标签换行标签语法规范HTML标签是由尖括号包围的关键词，如<html>HTML标签通常是成对出现的，如<html>和</html>，称为双标签（开始标签和结束标签）有些特殊标签必须是单个标签，如<br />，称为单标签双标签关系分为两种：包含关系和并列关系<html> <head></head>...
2021-05-21 21:03:44
8472
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人