首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Web前端HTML5&CSS3
VectorX
创建于2021-05-15
订阅专栏
尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版学习笔记
暂无订阅
共20篇文章
创建于2021-05-15
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【Web前端HTML5&CSS3】19-弹性盒简介
[TOC] 弹性盒简介 1、基本概念 弹性盒 flex(弹性盒、伸缩盒) 是css中的又一种布局手段,它主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改
【Web前端HTML5&CSS3】18-less简介
[TOC] less简介 less是一门css的预处理语言 less是一个css的增强版,通过less可以编写更少的代码实现更强大的样式 在less中添加了许多的新特性:像对变量的支持、对mixin的
【Web前端HTML5&CSS3】17-变形:平移、旋转与缩放
[TOC] 变形:平移、旋转与缩放 变形就是指通过css来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 1、平移 translateX() 沿着由方向平移
【Web前端HTML5&CSS3】16-过渡与动画
[TOC] 过渡与动画 1、过渡 过渡(transition) 通过过渡可以指定一个属性发生变化时的切换方式 通过过渡可以创建一些非常好的效果,提升用户的体验 属性值 transition-prope
【Web前端HTML5&CSS3】15-表格
[TOC] 表格 1、表格 在现实生活中,我们经常需要使用表格来表示一些格式化数据: 课程表、人名单、成绩单... 同样在网页中我们也需要使用表格,我们通过table标签来创建一个表格 在table中
【Web前端HTML5&CSS3】14-雪碧图与渐变
[TOC] 雪碧图与渐变 1. 雪碧图 解决图片闪烁的问题: 可以将多个小图片统一保存到一个大图片中,然后通过调整background-position来显示响应的图片 这样图片会同时加载到网页中就可
【Web前端HTML5&CSS3】13-背景
[TOC] 背景 1. PS的基本设置 在介绍背景之前,首先需要做好准备工作:安装PS与基本设置 这里就不详细介绍PS的安装了,因为网上一抓一大把,主要介绍PS的基本设置 左侧工具栏 调成2列,更方便
【Web前端HTML5&CSS3】12-字体
[TOC] 字体 1. 字体相关的样式 我们前面讲过字体的两个属性 color用来设置字体颜色 font-size字体的大小 em 相当于当前元素的一个font-size rem 相对于根元素的一个f
【Web前端HTML5&CSS3】11-定位的简介
[TOC] 定位的简介 需求分析 按照我们之前所学知识,可以怎么实现呢? 应该来说不难,很容易实现 我们分别给box2和box3添加了外边距之后,就可以达到需求效果 当然也可以使用浮动来解决上述问题,
【Web前端HTML5&CSS3】10-高度塌陷与BFC
[TOC] 高度塌陷与BFC 1. 高度塌陷 在浮动布局中,父元素的高度默认是被子元素撑开的 当子元素浮动后,其会完全脱离文档流,子元素从文档流中脱离将会无法撑起父元素的高度,导致父元素的高度丢失 父
【Web前端HTML5&CSS3】09-浮动
[TOC] 浮动 1. 浮动的简介 通过浮动可以使一个元素向其父元素的左侧或右侧移动 使用float属性来设置于元素的浮动 none 默认值,元素不浮动 left 元素向左浮动 right 元素向右浮
画了一个田径场,可以踢世界杯吗?
画了一个田径场,可以踢世界杯吗? html代码 css样式 效果图 由于因为到目前为止,还没有学习更多的布局定位知识,所以一些其他的细节地方比较难绘制 这里就大概绘制一个雏形出来,等后面学习了绝对定位
【Web前端HTML5&CSS3】08-盒模型补充
[TOC] 盒模型补充 1. 盒子大小 默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定 box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用) 可选值: co
【Web前端HTML5&CSS3】07-实战练习
[TOC] 实战练习 1. 京东图片列表 开发准备 本来我们是想直接右键图片另存为的,但是发现并没有该选项,应该是京东对图片做了一定的限制 不过,这不妨碍我们获取这些图片,当然你也可以采用截图的方式获
【Web前端HTML5&CSS3】06-盒模型
[TOC] 盒模型 1. 文档流(normalflow) 网页是一个多层的结构,一层摁着一层 通过CSS可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层 这些层中,最底下的一层称为文档流 文
【Web前端HTML5&CSS3】05-样式继承与其他概念
[TOC] 样式继承与其他概念 1. 继承 样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上 继承是发生在祖先后后代之间的,继承的设计是为了方便我们的开发 利用继承,我们可以将一些通
【Web前端HTML5&CSS3】04-CSS语法与选择器
[TOC] CSS语法与选择器 1. CSS简介 层叠样式表 网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式,而最终我们能看到只是网页的最上边一层 总之一句话,CSS用来设置
【Web前端HTML5&CSS3】03-字符实体与语义标签
[TOC] 字符实体与语义标签 1. 字符实体 有些时候,在HTML中不能直接书写一些特殊符号,如: 多个连续的空格(在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格) 比如字母两侧的大于小
【Web前端HTML5&CSS3】02-前端开发准备
[TOC] 前端开发准备 1. 离线文档的下载 离线文档:Zeal - Offline Documentation Browser 如果安装报错,需安装:Visual C++ Redistributa
【Web前端HTML5&CSS3】01-前端简介
[TOC] 前端简介 1. 软件的分类 1.1. 系统软件 Windows Linux macOS 1.2. 应用软件 Office QQ 1.3. 游戏软件 绝地求生 王者荣耀 2. 客户端与服务器