web前端
关注
分享
扫一扫
文章平均质量分 87
HTML、 CSS、 JavaScript……
云卷云舒_jing
宠辱不惊，闲看庭前花开花落；去留无意，漫随天外云卷云舒。
展开
-
Web前端开发之CSS学习笔记11—文本格式和动画设计
目录1.文本对齐text -align2.保留空白字符white-space3.设置文本方向direction4.设置文本缩进text-indent4.设置字符间距letter-spacing6.设置行高line-height7.纵向对齐文本vertical-align8.创建文本阴影text-shadow9.控制断词word-break10.控制文本溢出11.装饰文本text-decoration12.转换大小写text-transform13.字体font14.过度transition14.1过渡延迟t原创 2022-06-17 22:04:35 · 866 阅读 · 0 评论 -
Web前端开发之CSS学习笔记9—弹性盒布局
目录弹性盒子布局1.生成弹性盒子（1）display:flex弹性盒布局（2）display:inline-flex内联块级弹性盒布局2.flex-wrap换行（1）flex-wrap:wrap换行（2） flex-wrap:wrap-reverse换行并反向排序3.flex-direction元素排列方向（1）flex-direction: column垂直排序（2）flex-direction:column-reverse垂直反向排序（3）flex-direction: column导航栏横纵变换4.f原创 2022-06-04 06:55:26 · 1387 阅读 · 0 评论 -
Web前端开发之CSS学习笔记10—栅格布局（网格布局）
目录【网格布局grid】1.网格布局的构成 2.父容器grid container3.生成网格容器 display:grid/inline-grid4.构建网格 grid-template-columns/grid-template-rows（1）grid-template-columns（2）grid-template-rows5.定位空间 grid-template-areas和grid-area4.设置间隙grid-gap5.网格对齐方式（1）justify-content ：区域内容的水平对齐（2）原创 2022-05-30 22:04:22 · 5270 阅读 · 0 评论 -
Web前端开发之CSS学习笔记8—居中和自适应
目录1.居中1.1水平居中1.2垂直居中2.单列布局3.双列布局3.1双列自适应3.2半边固定半边自适应3.三列布局3.1浮动法3.2绝对定位法3.3margin负值法4.经典布局4.1双飞翼布局4.2圣杯布局4.3瀑布流布局1.居中①文本水平居中：text-align: center;②文本垂直居中line-height：line-height是一种文本属性，指示行高，浏览器默认的行高较小，通常使段落文字显得比较密集，增加行高可以原创 2022-05-24 23:03:27 · 2309 阅读 · 0 评论 -
Web前端开发之CSS学习笔记7—多列布局
目录1.column-count：指定列数2.column-gap：指定的列之间的差距3.column-rule：设置列之间的宽度，样式和颜色4.column-width：指定列的宽度5.column-span：指定横跨列数6.columns：设置列宽和列数7.column-fill：指定如何填充列多列布局的属性：属性 说明 column-count 指定列数 column-width 指定列宽 columns column-wid.原创 2022-05-20 11:31:55 · 1256 阅读 · 0 评论 -
Web前端开发之CSS学习笔记6—BFC（块级格式化上下文）
1. BFC：块级格式化上下文（Block Formatting Contexts）我们常说的文档流其实分为==定位流、浮动流和普通流==三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。例子：BFC的对齐方法<!DOCTYPE html><html> <head> <me..原创 2022-05-10 14:03:53 · 195 阅读 · 0 评论 -
Web前端开发之CSS学习笔记5—溢出、浮动、层叠
位置1.解决溢出问题overflowoverflow 属性规定当内容溢出元素框时发生的事情。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。语法：overflow:visible|hidden|scroll|auto|inherit;值 说明 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll..原创 2022-05-09 17:04:00 · 997 阅读 · 0 评论 -
Web前端开发之CSS学习笔记4—边框、边距、元素尺寸
边界border边框语法：border:border-width|border-style|border-color;border-width：规定边框的宽度border-style：规定边框的样式border-color：规定边框的颜色例子：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>边界</title> &原创 2022-05-03 21:37:38 · 8101 阅读 · 0 评论 -
Web前端开发之CSS学习笔记3—颜色和背景
目录1.CSS的颜色表达1.1前景色color1.2背景色background-color2.背景2.1 background-image:url()设置背景图;2.2 background-repeat属性设置是否及如何重复背景图像2.2.1 background-repeat: no-repeat设置背景图不重复2.2.2 background-repeat: space / repeat-x的区别2.3background-position属性设置背景图像的..原创 2022-04-30 15:48:08 · 3187 阅读 · 0 评论 -
Web前端开发之CSS学习笔记1——内联样式、内部样式表、外部样式表
1 内联样式2 内部样式表3 外部样式表原创 2022-04-28 21:35:34 · 2196 阅读 · 0 评论 -
Web前端开发CSS学习笔记2—五大类选择器
CSS选择器分类—五大类：基本、复合、伪元素、伪类、属性选择器：第一类：基本选择器1.通用选择器2.元素选择器3.类选择器4.id选择器原创 2022-04-29 22:11:12 · 2659 阅读 · 0 评论 -
Web前端开发—html基础（3）
十 表单1 简单的表单示范2 自动填充表单——autocomplete3 指定目标显示位置4 设置默认值——value5 自动聚焦——autofocus6 禁用元素——disabled7 禁止修改——readonly8 将文本包裹起来——label元素9 label里面的for元素10 fieldset元素——可以将表单内相关元素进行分组11 legend元素——为fieldset定义说明文字...原创 2022-04-12 22:42:29 · 1981 阅读 · 0 评论 -
Web前端开发 -- HTML基础（2）
接上六、javascipt 脚本语言1 定义文档内嵌脚本内嵌脚本：在html文件里直接写script脚本语句：<script type="text/javascript">document.write(" ");</script>例1.文档内嵌脚本<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2022-04-11 22:19:25 · 712 阅读 · 0 评论 -
Web前端开发 — HTML基础（1）
基本介绍——Web开发：前端+后端——前端开发学习基本内容：CSS(样式)+HTML（语义）+JSHTML是网页的结构和内容，CSS是美化。原创 2022-04-10 22:11:19 · 1539 阅读 · 0 评论