font-weight 字体粗细属性说明对应值norml正常（默认值）100lighter较细400bold较粗700bolder很粗900font-style 字体风格属性说明normal正常（默认值）italic斜体oblique斜体在这里，有些字体有斜体italic属性，但有些字体却没有italic属性，oblique是让没有italic属性的字体也能
......
344
0
0
2022-12-02
边框样式border-widthborder-width用于定义边框的宽度，通常是一个像素值。border-styleborder-style用于定义边框的风格，通常有三种：属性说明none无样式dashed虚线solid实线除了上表列出这几个，还有hidden、dotted、double等取值。不过其他取值几乎用不上，可以直接忽略。border-color
......
391
0
0
2022-12-01
表格标题位置语法：caption-side:取值;默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。如果想要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果是一样的，一般情况，我们只在table中定义就行。表格边框合并语法：border-collapse:
......
412
0
0
2022-12-01
CSS3说明 此笔记为本人学习遇见狂神说的教程学习笔记，侵删。快速入门html文件中<!-- 规范，<style> 可以编写css的代码，每个声明，最好使用分号结尾
语法：(里面不能写html代码， 注释/**/)
选择器{
声明1;
声明2;
......
521
0
0
2022-12-01
1.盒子模型盒子模型组成： > 盒子模型组成的主要有 边框border，外边距margin ，内边距padding，内容content；- 边框border:
> border可以设置元素的边距，边距有三部分，宽度，验收，颜色
> border: border-width || border-style || border-colo
......
449
0
0
2022-11-24
一个工具：前端快速开发插件EmmetEmmet 的前身就是 Zen Coding。 它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。提供包括 Eclipse、IDEA、UltraEdit、SlickEdit 的插件;CSS复合选择器CSS复合选择器是对基础选择器进行组合而成；
......
397
0
0
2022-11-24
随着css3实现各种炫酷动画效果越来越流行。今天给大家推荐一些css3和SVG实现loading加载动画效果。先上一波令人愉悦的动画效果。怎么样，是不是感觉很nice，那就继续往下看吧。这里为大家整理了一些不错的效果。1、CSSFX简单酷炸的css3效果，可一键复制css样式。# 演示地址
https://cssfx.lovejade.cn/
# g
......
504
0
0
2022-11-11
今天我们来看一下顶级的CSS动画库，帮助你创建惊人的动画。动画给页面带来生命力，有意义的动画将UX提升到一个新的水平。CSS动画使得你网站上元素不在是呆板无趣，并且不用借助任何JavaScript脚本。由于它是纯的CSS，所以很容易掌握。CSS3动画有一些新的语法，一旦你习惯了，你会发现动画其实很简单。CSS动画库可以在你网站元素上添加预先设定好的样式来实现
......
569
0
0
2022-11-11
大家好，今天我将向你分享38个可以用来创建漂亮样式的 CSS 工具。1、Layoutit Grid地址：https://grid.layoutit.com/Layoutit grid 是一个 CSS Grid 布局生成器。使用干净的编辑器可以快速绘制网页布局，并获取HTML和CSS代码以快速启动你的下一个项目。你也可以在 CodePen上看到代码！2、Sar
......
442
0
0
2022-11-11
:checked （选择所有选中的表单元素）如：input:checked ；:disabled （选择所有禁用的表单元素）如：input:disabled ；:empty （选择所有没有子元素的p元素）如：p:empty ；:enabled （选择所有启用的表单元素）如：input:enabled ；:first-of-type （选择每个父元素是p元素的
......
435
0
0
2022-11-11
按我想法的话，CSS 网格布局（grid）和弹性布局（Flexbox）应该同时出现才对，这样网页布局方案就变得完整了。事实是，弹性布局先出现，因为使用弹性布局创建类网格（grid-type）系统比使用浮动更加便捷，于是我们便得到了许多基于 Flexbox 的网格系统。实际上，Flexbox 的优势并不是用来创建网格系统，这也是为什么有时我们在用它创建网格系统
......
533
0
0
2022-11-11
UI的自我修养APP切图命名推荐一本书，关于字体设计，也关于设计师。@左佐工作室 的《设计师的自我修养》，他在开篇把设计师按旧时的称谓分为了徒、工、匠、师、家、圣。来说下我对“徒、工、匠、师、家、圣”理解。徒——对某行还不是很了解，正处于刚开始学习的阶段，也就是所谓的的菜鸟。工——巧饰也,象人有规榘也（MLGB，别装逼，说人话）。就是“美工”（你才是美工，你
......
353
0
0
2022-11-08
响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下：<!--[if lt IE 9]>
<script src
......
417
0
0
2022-11-07
块级格式化上下文（Block Formatting Context）是网页CSS视觉渲染的一部分，并用于决定块盒子的布局。在定位体系（Positioning Scheme）中它属于常规流（Normal Flow）。根据W3C所言：浮动、绝对定位元素（position 为 absolute 或 fixed）、行内块元素 display:inline-block
......
471
0
0
2022-11-04
新的在线工具和 WebApp 帮助开发者快速地创建网站而不用写代码。前端开发已经在框架和代码库方面有了很大的进展。但是许多开发者已经忘记了代码生成器在构建网站时的价值。下面的资源是完全免费的 WebApp，这些 WebApp能够为模板，渐变，甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者，这些资源可以帮助你节省很多时间，并可以为以后的项目提供可
......
405
0
0
2022-11-04