分组与嵌套 div,p,span { /*逗号表示并列关系*/ color: yellow; } #d1,.c1,span { color: orange; } 伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&
# CSS 层贴样式表:就是给HTML标签添加样式的，让它变的更加的好看 ```python# 注释/*单行注释*//*多行注释1多行注释2多行注释3*/ 通常我们在写css样式的时候也会用注释来划定样式区域(因为HTML代码多所以对呀的css代码也会很多)/*这是博客园首页的css样式文件*//*顶部导航条样式*/.
在表单中引入select选择器 <el-form-item :label="$t('lang.contentManage.asean')" prop="nations"> <el-select v-model="form.nations" multiple :placeholder="$t('lang.contentManage.nationPlaceholder&#
标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独占一行，设置宽高有效，继承父级属性input,img,table(
css选择器1.标签选择器p{} span{} h1{}2.class类名/类别选择器3.id选择器id名称唯一，优先级比class和标签要高4.后代p span{} p .text{}5.子代p>span>b{} 逐级写不能跳级6.通用选择器*{} 所有标签都应用7.群组选择器body,ul,ol,h1{}8.伪类选择器:hover{}鼠标滑过:active{}
+相邻兄弟选择器，选中的是相邻的弟弟，紧挨着的弟弟，但是他不能独立存在~ 同胞选择器（兄弟选择器），选中的弟弟 （+、~）优先级是一样的，那个层级关系多那个优先级高>子代选择器空格后代选择器 通配符选择器，选中所有的元素，在选择器里优先级最低元素选择器（标签选择器），选中某一类的所有标签；派生选
1.CSS的选择器：基本选择器：标签 id class 高级选择器：层次选择器
1.jQuery的入口函数 $(function(){ ...//此处为页面DOM加载完成的入口 }) 或者 $(doucument).ready(function(){ ...//此处为页面DOM加载完成的入口 }) 等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成了封装。 相当于原生js 中的LOMConten
jQuery 基础 jQuery 入门 JavaScript 库 jQuery 基本使用 jQuery 的入口函数 jQuery 语法 jQuery 常用 API CSS 相关 jQuery 效果 jQuery 控制元素属性 jQuery 控制元素内容 jQuery 控制元素操作 创建元素 删除元素 尺寸及位置操作 尺寸 位置 jQuery 事件 注册 处
1、什么是CSS CSS是什么 CSS怎么用 CSS选择器（重点+难点） 美化网页 盒子模型 浮动 定位 网页动画 1.1、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现（美化网页） 字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动... 1.2、发展史 CSS1.0 CSS2.0 DIV块+CSS，HTM
ss介绍 1、引入；直接在标签里面 style='样式1'；样 式2 在head中通过styl标签定义 把样式写在css文件中，然后通过html文件中通过link标签导入 h1 {coloe; red; font-size; 14px} 选择器 属性 值 属性 值 2；基本选择器- 元素选择
样式的冲突 当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式的冲突。 案例一：使用类选择器与元素选择器选中同一元素，设置不同颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <sty
（一）Emmet语法 Emmet语法的前身是Zen Coding,它使用缩写来提高html/css的编写速度，Vscode内部已经集成该语法 1.快速生成HTML结构语法 1.生成标签，直接输入标签名然后按tab键即可，比如，div然后按tab键，就可生成div标签 2.如果想要生成多个相同标签，输入标签名后 * n即可，比如 div*3，就可生成
写在开篇 html的内容，想要改变它的样式？比如颜色、字体、布局，等等，怎么破？CSS代码带你起飞！ css语法 css的语法非常简单，如下： 选择器 {属性: 值;属性:值} 例如： h2 {color: cornflowerblue;font-size: 60px;} 上面的h2是元素选择器，属性color，它的值是cornflowerblue。属性font-size，它
CSS：页面美化和布局控制 1.概念：Cascading Style Sheets 层叠样式表 层叠：多个样式可以作用在同一个html的元素上，同时生效 2.好处： 1.功能强大 2.将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 CSS的使用：CSS与html结合方式 1.内联样式 在标签内使
CSS_语法格式 格式： 选择器{ 属性名1:属性值1； 属性名2:属性值2； ... } 选择器：筛选具有相似特征的元素 注意：每一对属性需要使用；隔开，最后一对属性可以不加； CSS选择器_基础选择器 1.id选择器：选择具体的id属性值的元素：建议在一个html中id值唯一 #
1.显示模式 显示模式 元素排列 样式 默认宽度 块级元素 一行只能放一个 可以设置宽高 容器的100% 行内元素 一行可以放多个 不可以直接设置宽高 本身内容宽度 行内块元素 一行可以放多个 可以设置宽高 本身内容的宽度 显示模式转换 转换为块级元素 display:block;
css中选择器 “>”、 “+”、“~”的区别 黎明的叶子关注 2021.09.06 18:53:14字数 543阅读 650 “>” 子元素选择器 是css3中特有的选择器，A>B表示选择A元素的所有子B元素，与A B不同的是，A B选择所有后代元素，为A>B只选择一代。 “+” 相邻兄弟选择器 A+B{} 这个+是选择相邻兄
1.shift+alt+f 格式化代码（vscode） 2.css的复合选择器 后代选择器：选后代（不一定是儿子） 空格隔开 如ol li{样式声明} 更好地选择想要的标签 也可以用class表示 如 .nav.li.a 子选择器 >亲儿子 并集选择器 逗号 div,p{样式声明} 最后一个选择器 不需要加逗号 3.链接
jQuery重点讲解知识点 * 一 选择器 1 基础选择器 类选择器 元素选择器 ID选择器 子元素选择器 后代元素选择器 2 属性选择器 完美匹配 包含 前缀 开头 结尾 空格 3 jQuery扩展选择器 eq even odd first last gt lt 二 DOM操作 1 Class操作 addClass()
伪类：是添加到选择器的关键字，指定要选择的元素的特殊状态 :hover 伪元素：可被用于为一个元素的 特定部分 应用样式 ::after 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 选择器 例子 例子描述 ::after p::after 在每个 元素之后插入内容。 ::before p
CSS 基础 1、CSS介绍 CSS概念 Cascading Style Sheet层叠样式表，通过不同的样式可以让网页更漂亮，样式也可叠加得到最终的效果。CSS用于渲染html元素进行样式控制的语言 CSS作用 网页美化 HTML与CSS的区别 HTML：网页结构的创建 CSS：网页美化 2、CSS三种引入方式 2.1、内联
如何学习 1.css是什么 2.css怎么用（快速入门） 3.css选择器（难点+重点） 4.美化网页（文字，阴影，超链接，列表，渐变...） 5.盒子模型 6.浮动 7.定位 8.网页动画（特效效果） 1.1什么是css cascading style sheep 层叠级联样式表 css：表现（美化网页） 字体 颜色 边距 高度 图片 背景 定位 1.2 发展史 css1.
标签选择器 标签名{ 样式; } div{ width:200px; } 类选择器 类名{ 样式; } demo{ color:red; } Id选择器 id名称{ 样式; } id{ color:red; } 后代选择器 <!--多个用空格隔开的选择器--> div li{ color:red; } 子代选择器 <!-- 选择器1>选择器2 --> div > a { colo
css优势（html）内容与表现（css）分离 一、行外样式 编辑 二、行内样式 <h1 style="color: red"></h1> 三、内部样式(注意要写在body的前面) 编辑 三种选择器 一、标签选择器 编辑 这种选择器会改变所有此类标签的格式 二、类选择器 这样写就能控制单一的标签格式 <!DO
