自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 10-前端完

1.HTML5的新特性HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。声明:1.新特性增加了很多,但是我们专注于开发常用的新特性。2.基础班我们讲解部分新特性,到了就业班还会继续讲解其他新特性。1.HTML5新增的语义化标签以前布局...

2020-04-14 18:42:57 173

原创 9.css

1.精灵图1.为什么需要精灵图?一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需...

2020-04-13 17:47:43 140

原创 8.定位加元素的显示与隐藏

1.定位1.为什么需要定位* 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。* 当我们滚动窗口的时候,盒子是固定屏幕某个位置的。以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。2.定位组成定...

2020-04-11 19:53:08 251

原创 6.CSS中的浮动

1.浮动(float)1.传统网页布局的三种方式网页布局的本质–用CSS来摆放盒子。把盒子摆放到相应位置CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列布局):* 普通流(标准流)* 浮动* 定位2.标准流(普通流/文档流)所谓的标准流:就是标签按照规定好默认方式排列。*1*块级元素会独占一行,从上向下顺序排列。* 常用元素:div、hr、p、h1~h6、ul、ol、...

2020-04-07 18:17:00 192

原创 5.Css盒子部分

1.盒子模型页面布局要学习三大核心,盒子模型,浮动 和 定位,学习好盒子模型能非常好的帮助我们布局页面1.看透网页布局的本质网页布局过程:1.先准备好相关的网页元素,网页元素基本都是盒子box。2.利用CSS设置好盒子样式,然后摆放到相应位置。3.往盒子里面装内容。网页布局的核心本质:就是利用CSS摆盒子。2.盒子模型(Box Model)组成所谓盒子模型:就是HTML页面中的布...

2020-04-06 18:17:29 375

原创 4.CSS前端部分

Emmet语法Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。1.快速生成HTML结构语法* 生成标签 直接输入标签名 按Tab键即可 比如div 然后tab键, 就可以生成* 如果想要生成多个相同标签 加上就可以了 比如 div3 就可以快速生成3个div* 如果有父子级关系的标签,可以用> 比如 ul&g...

2020-04-05 16:11:10 63

原创 3.CSS中简单的一些常识。

1.CSS简介CSS的主要使用场景就是美化网页,布局页面的。1.HTML的局限性只关注内容的语义,比如<h1>表明这是一个大标题,<p>表明这是一个段落,<img>表明这有一个图片,<a>表示此处有链接HTML可以做简单的样式,但是带来的是臃肿和繁琐。2.CSS-网页的美容师CSS为一种标记语言CSS主要用于设置HTML页面中的文本...

2020-03-29 20:29:43 138

原创 2.HTML表格,表单等

1.表格标签表格是实际开发中非常常用的标签:1.表格的主要作用表格主要用于显示,展示数据,因为它可以让数据显示的非常的规整,可读性非常好,特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。表格不是用来布局页面的,而是用来展示数据的。2.表格的基本语法<table> <tr> <td&g...

2020-03-26 20:45:54 204

原创 1.HTML各种标签

1.基础三部分。 介绍给浏览器使用html什么版本 使用的是什么语言 zh-CN 为中文, en 为英文。 指“万国码”必备话语。2.标题标签 - 六个等级的网页标题。 标题一共六级选, 文字加粗一行显。 由大到小依次减, 从重到轻随之变。 语法规范书写后, 具体效果刷新见。 标签语义:作为标题使用,并且依据重要性递减。1.加了标题的文字会变...

2020-03-23 18:42:11 318

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除