![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 86
迟遇_
FG小组成员
展开
-
Sass自学笔记
Sass快速入门文档笔记变量sass为css引入变量,可以将反复使用的css属性值定义成变量,然后通过变量名引用声明变量使用$符号标识变量不需要定义在规则块之内声明变量时,单词间可以用中划线或下划线连接,且两种语法互相兼容$theme-color: #F90;$basic-border: 1px solid $theme-color;div { color: $theme-color; border: $basic-border;}编译后:div { color: #F9原创 2021-02-08 19:48:24 · 173 阅读 · 0 评论 -
JavaScript基础
JavaScript基础概念JavaScript(缩写:JS)是一门完备的动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。JavaScript 是一种脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画,还有很多。特点是一种轻量级解释性语言,边解释便执行(对比:Java语言执原创 2021-01-29 15:29:41 · 151 阅读 · 0 评论 -
Bootstrap
BootstrapBootstrap支持Sass变量和mixin、响应式栅栏系统、自带大量组件和众多强大的JavaScript插件Bootstrap中文网环境搭建引入资源文件jQuery资源文件Bootstrap资源文件根据不同情况引入不同文件说明书写页面基础结构<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta nam原创 2021-01-28 20:09:57 · 147 阅读 · 0 评论 -
网页常见布局
网页常见布局一、标准文档流在没有任何样式的修饰下,所有元素,将从上至下,从左至右进行排列块级元素:独占一行,可以设置宽高大小行级元素:从左往右依次排列,不能设置宽高和大小二、脱离标准文档流脱离标准文档流的方式有两种浮动:左浮动、右浮动定位:相对定位、绝对定位、固定定位三、浮动布局使用了浮动布局的元素会脱离标准文档流,并以当前位置为参照,向上浮动一层可选值说明none默认值不浮动left浮动后从左往右排列,宽高由内容决定right浮动后原创 2021-01-23 11:52:45 · 572 阅读 · 0 评论 -
CSS3
CSS3一、概念Cascading Style Sheets 层叠样式表,用来展现HTML、XHTML的页面标签的外观风格二、CSS的作用用来美化页面元素 - 美化外观用来布局页面元素 - 布局定位用来实现内容和外观的分离 - 方便维护和修改三、CSS三种基础选择器3.1 选择器分类元素选择器:用于设置相同标签的共性风格类选择器:用于设置不同标签的共性风格ID选择器:用于设置特定元素的风格(因为id选择器的权重过高,尽量少用甚至不用)3.2 选择器优先级ID选择器原创 2021-01-21 21:58:41 · 221 阅读 · 0 评论 -
网页居中
网页居中文档流布局水平居中text-align:center加在父级块元素、行块元素属性中,操作行级元素margin:auto自身必须为块级元素必须有宽度padding-设置左右设置在父级行块元素上父级块未设置固定宽度垂直居中vertical-align:middle元素必须为行级元素、行块元素默认为baseline多个元素对齐padding-设置上下设置在父级行块元素、块级元素上父级块未设置固定高度line-height设置在父级块级元素、原创 2021-01-14 23:54:20 · 165 阅读 · 0 评论 -
HTML5
HTML5一、Web开发1.1概念全称World Wide Web,缩写:www 全球广域网,又称万维网。World Wide Web Consortium,缩写:W3C,万维网联盟。其负责制定和维护Web行业标准,也叫W3C标准W3C标准包括HTML内容:HTML、XHTML样式美化:CSS结构文档访问:DOM(Document Object Model)页面交互:ECMAScript通常情况下web主要指浏览器与web应用服务器的通信通常web主要通过HTTP协议通信原创 2021-01-11 20:18:01 · 481 阅读 · 0 评论