使用 CSS 样式设置 盒子 背景时 , 需要 设置多个 CSS 样式 , 设置 背景图片 , 平铺模式 , 定位方式 , 附着方式 等 , 下面是一个完整的图片背景设置的代码 , 代码很繁琐 ;
闲置在家，没有工作，咸鱼到月底。加上最近在大佬的建议下搭个人博客，于是把自己的笔记整理了一下，捣鼓捣鼓，发点文章
font:italicsmall-capsbold12px/1.5emarial,verdana;等效于：
当使用多个值时，font-family 属性值字体列表定义浏览器应选择字体系列的优先级。 浏览器将在用户的计算机或者任何 @font-face 资源中查找每个字体。 所使用的字体优先级按从左到右的排序: 如果可用，它将使用第一个值，否则跳到下一个值，直到最后。默认字体系列由浏览器首选项定义。 在上面的示例中，浏览器将首先尝试使用 Source Sans Pro。如果不可用，它会尝试使用 Arial。如果也不可用，它将使用浏览器的 sans-serif 字体族中的可用字体。
写了这么一些时间的CSS，有时候觉得有些混乱，尤其是做样式修改的时候。后来觉得遵循一些书写规范和顺序来的话，一来会让自己的思路很清晰，二来修改的时候很明确，不容易被冗余的样式影响。
解释： BEM是一种命名方法，能够帮助你在前端开发中实现可复用的组件和代码共享。 BEM的命名规矩很容易记：block-name__element-name--modifier-name，也就是模块名 + 元素名 + 修饰器名。 示例：
尺寸 元素描述版本heightheight 规定元素内容区高度。1max-heightmax-height 规定元素设置最大高度。2max-widthmax-width 规定元素设置最大宽度。2min-heightmin-height 规定元素设置最小高度。2min-widthmin-width 规定元素设置最小宽度。2widthwidth规定元素内容区的宽度。1 边距 元素描述版本marginmargin规定元素中四个方向的外边距属性。1margin-bottom设置元素的下外边距。1margin-le
这里注意，如果简写里要写background-size，则这里必须写 / ,否则整个背景图片样式没有解析出来。
Nvue/Weex 使用Uniapp做了一个App，感觉性能不是很好，了解过Uniapp的Nvue，就想做一个纯Nvue项目，其实基本就是做一个Weex项目，不得不说坑是真的多，但是渲染性能真的是没得比 本项目开发环境为 UNIAPP 的 纯NVUE 项目，与WEEX有不同之处 https://github.com/WindrunnerMax/SW 一、 CSS选择器 1. 简单类选择器 /** Weex仅支持简单类选择器，不支持标签选择器以及子选择器 **/ /* 支持 */ .test{
取值：数字 + px/百分比/em -------------------------px代表像素，百分比代表浏览器宽度的百分比，em代表字符数
选择器主要作用是为了确定需要改变样式的HTML元素 每一条声明由一个属性和一个值组成，使用花括号来包围声明，属性与值之间使用冒号(:)分开
多说一嘴：用数字设置的时候，只有400和700会产生变化，是因为字体在初始设计的时候就没有设置太多的粗细标准，一般就是两种，默认的和加粗的 所以 在实际工作中 用的最多的就是normal（400） bold（700）
CSS引入方式： 1. 行内式： （使用最少，因为会产生冗余，而且不符合W3C规定） 2. 内嵌式： <style> ... （写的是样式）... </style>（不会有冗余） 3. 外链式：<link href = "style.css"> （用的最多）
本文来自设计达人网站，Jeff 看到该文感觉非常有必要学习分享，so，转载在这里，感谢原作者——写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 位置属性(position, top, right, z-index, display, float等) 大小(width, heig
大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
数据经过NumPy和Pandas的计算，最终得到了我们想要的数据结论，但是这些数据结论并不直观，所以想要把数据分析的结论做到可视化，让任何其他人看起来毫无压力，那么Matplotlib将派上用场。
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: small-c
加载外部样式表需要花费时间，这是由于延迟造成的——因此，可以把最关键的代码位放在 head 中。
HTML 标签简写及全称 下表列出了 HTML 标签简写及全称： 标签 英文全称 中文说明 a Anchor 锚 abbr Abbreviation 缩写词 acronym Acronym 取首字母的缩写词 address Address 地址 alt alter 替用(一般是图片显示不出的提示) b Bold 粗体（文本） bdo Direction of Text Display 文本显示方向 big Big 变大（文本） blockquote Block Quotation 区块引用语 br Brea
使用单独的 .CSS 文件定义，然后在页面中使用 link标签 或 @import指令 引入
https://cn.vuejs.org/v2/guide/components.html
font-variant 属性是font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, font-variant-east-asian等属性的简写。
前面 潜行者m 介绍了 Emmet 的功能和如何使用 Emmet 来生成 HTML 代码，这次再来讲解一下如何使用 Emmet 提高 CSS 编写效率。
层叠样式表 (Cascading Style Sheets)，一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言
text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性
现在的互联网前端三层： HTML 超文本标记语言 从语义的角度描述页面结构。 CSS 层叠式样式表 从审美的角度负责页面样式。 JS JavaScript 从交互的角度描述页面行为。
css的注释 /*.......*/ 直接在html代码中写css Hao css代码写在当前文件中 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> p{ color: red; font-size: 19px; } </style> </head>
Hao
其实border是由border-width;border-style;border-color三个属性来控制；
link rel=”stylesheet” href=”文件名” margin:0px auto;（块级元素居中）和width：的组合 写2个数：第一个代表上下，第二个代表左右 写3个数:第一个代表上，第二个代表左右,第三个下 写4个数：上，右，下,左 text-align:center；（行级元素居中） list-style：none （去除符号） clear：both（去除浮动） overflow:hidden;(超过大小就不显示) overflow:scroll 滚动条 border:none;outline:none;去除按钮边框
[自定义指令]:https://cn.vuejs.org/v2/guide/custom-directive.html 自定义全局和局部的 自定义指令： // 自定义全局指令 v-focus，为绑定的元素自动获取焦点： Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 el.focus(); } });
在上面的例子中，我们有一个很大的图像，由于它比作为背景的元素大，所以最后被裁剪掉了。在这种情况下，我们可以使用 background-size属性，它可以设置长度或百分比值，来调整图像的大小以适应背景。
3.参数是混合单位:如果两个值是精确单位和方位名词混合使用,则第一个是x坐标,第二个是y坐标.
一、字体属性 字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。 body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } 大小 可以通过font-size来说设置字体大小的像素值，如果设置成inherit表示继承父元素的字体大小值。 p { font-size: 16px; } 字重（粗细）
你还可以查阅API文档和示例了解到更多Svelte相关内容。如果等不及得话，可以通过阅读这篇文章(60秒快速上手)在本地搭建一个Svelte的例子。
CSS中长度单位： px：像素（Pixel）；em：相对长度单位，相对于当前对象内文本的字体尺寸；pt：点（Point），绝对长度单位；pc：派卡（Pica）；in：英寸（Inch）；mm：毫米；cm：厘米。 1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pc
border-color 是一个用于设置元素四个边框颜色的快捷，或者说是简写属性：border-top-color, border-right-color, border-bottom-color, border-left-color 。border-color是一个简写样式属性。
CSS属性值 字体与文本 网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本 字体 首先要有一个认识字体和文本不是一个东西哦。字体是不同的文本体式或者可以说是字的形体结构。对于英文来说有很多种不同的样式包括字母、数字和符号组成的。 文本指的是通过文本属性描述对文本的处理方式。行高，字符间距，缩进等。 那么网页中的字体是哪里来的呢？其中有哪些属性？文本属性中有哪些小秘密呐？ 来源 用户机器中安装的字体 保存在第三方网站上的字体（link） 保存
本文使用的是简写的变量，在生产环境中，为了达到可读性，我们应该使用--p -> --percentage， --b -> --border-thickness， --c -> --main-color 来表示。
一个 css 文件的核心内容是由许许多多的 css 规则组成的，而每个规则又包含了两部分：选择器和声明；声明块里可能又包含多个声明，每个声明又是由属性和值组成的。这个大概就是 css 的代码结构。
CSS 选择器： CSS id选择器： id选择器可以为标有特定 id的HTML元素指定特定的样式 id选择器是以 “#” 来定义的 <!DOCTYPE html> <html> <head> <title>Node</title> <style type="text/css"> #red {color: red;} #green {color: green;} </style> </head> <body> id选择器：red -- 红色 <p
id选择器：red -- 红色
matplotlib.pyplot中的subplot()函数可以用来在一张画布上绘制多个图形。
描述: 通过前面几章的学习，相信大家已经对CSS有了一个简单的了解吧，现在我们又回到使用频率较高的 文本 text、图像 images、表单 table 等元素CSS样式的设置，此章节主要讲解针对文本的相关CSS属性以其使用的示例演示。
Spring 是一款主流的 Java EE 轻量级开源框架 ，Spring 由“Spring 之父”Rod Johnson 提出并创立，其目的是用于简化 Java 企业级应用的开发难度和开发周期。Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。Spring 框架除了自己提供功能外，还提供整合其他技术和框架的能力。
或许你主要想实现背景倾斜移动的效果，但这里也会给你介绍点其他知识点～ 首先如果你想要实现背景这样的，方法有很多，只要有一张图，和 animation 动画就行了！
id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。
font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：
removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性
css入门学习 1:认识CSS 1.1：css简介，css全称是层叠样式表，Cascading style sheets 1.2：css的作用，主要是用于定义html内容在浏览器内的显示样式
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
