css基础语法_框架

CSS 的出现，实现了网页的结构和样式分离。美容师！

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明

以内嵌式样式表为例

vs code快捷键： ctrl+/

CSS的英文可以大写，也可以小写

建议全部小写！

颜色名就是使用颜色的英文单词进行表示

更多的颜色名可以通过查询手册得到

颜色值指使用具体颜色的数值表示。包括： rgb 模式和十六进制模式写法

常用颜色的 rgb 色值：

常用颜色的十六进制色值：

注：十六进制颜色值简写模式：如果红、绿、蓝三个原色的色值每一个都是由重叠的数字组成，可以将重叠的数字简化成一个进行书写。如：红色 #f00

如果不设置字体属性，不同的浏览器有自己的默认字体

首选字体需要根据设计图确定，最后需要设置备用字体

缺点： id 选择器只能实现单选，不能帮我们完成多选的功能

原子类：在css中提前设置一些类名，每个类选择器后面只添加一条css样式属性，这些属性会在页面中常被使用，后期可以不需要多次书写属性，只要将对应的类名添加给需要的标签即可

实际工作中，通常我们有一个使用规律：类上样式(CSS)， id 上行为(JavaScript)

优点：减少 class 属性的使用，选择效率更高

继承性是一个很好的性质，可以将页面中出现最多的文字样式设置给一个较大的祖先级标签比如 <body>，后期所有的后代标签都可以从 <body> 进行继承

第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：

第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：

第三步，初始化select2插件，需要调用select2()方法，如下图所示：

第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：

第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：

第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：

CSS中float属性的取值有（） [多选题]

垂直排列的两个盒子之间的距离是取两者边距中的较大值(正确答案)

垂直排列的两个盒子之间的距离是取两者边距之和

水平排列的两个盒子之间的距离是取两者边距之和(正确答案)

水平排列的两个盒子之间的距离是取两者边距较大值

以上就是关于css基础语法全部的内容，包括:css基础语法、如何使select2插件下拉框多选并获取选中的值、CSS中float属性的取值有（） [多选题] *等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

css基础语法