行内样式：直接使用style 内部样式：选择器{键 值} 外部样式：CSS文件；标签选择器{}=元素选择器；通过link标签引入 行内样式>内部=外部，覆盖现象，就近原则，后来者居上
第三阶段课程介绍： web前端 l 数据库 l SpringBoot Web前端-HTML l HTML作用： 负责搭建页面结构和内容 （盖房子） l 学习HTML主要学习的就是有哪些标签 文本相关标签 l h1-h6 文本标题, 特点: 独占一行, 自带上下间距, 字体加粗 l p 段落标签, 特点: 独占一行,自带上下间距 l hr
前端html html 超文本标记语言。文本，图片，视频，音频。 网页基本信息 一个基础的网页具有的一些信息。 <!-- 这是注释--> <!--!DOCTYPE网页约束规范--> <!DOCTYPE html> <!--html网页开始的标签--> <html lang="en"> <!--head网页头部--> <head> <!--meta描述性标签-->
一、结构伪类选择器 1、作用与优势： 作用：根据元素在HTML中的结构关系查找元素 优势：减少对于HTML中类的依赖，有利于保持代码整洁 场景：常用于查找某父级选择器中的子元素 2、选择器 选择器 说明 E:first-child{} 匹配父元素中第一个子元素，并且是E元素 E:last-child{} 匹配
内联样式写在body里。（div在body里） 内部样式的那个<style>写在head里。 一般用外部样式，即在自己new一个css文件，在里面添加样式，然后在head里去添加link属性，导入css文件就可以 <head> <meta charset="UTF-8"> <title>Title</title> <link href="../css/demo.css
1，在选择器前面加个Id选择器来限制 <template><div id="wrapper"></div></template><style>#warp .el-dialog{width:800px}</style>2，使用/deep/ 在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加<style scoped>，这样父组件中如果有跟子组件相同的class名称或者使用
在使用elementUI Select 选择器时，如果选项的内容长度太长的话会出现容器宽度超过页面宽度的问题，如下图： 这时候如果只是通过 /deep/ 或 ::v-deep 样式穿透的方式对element 的样式重写覆盖的话，发现是不生效的，内联样式也是不生效 ::v-deep .el-select-dropdown{ m
元素选择器 以标签名为选择器 语法 <style> p { color: red; }</style> id选择器 id是每个标签公有的属性，id的值是唯一的 语法 <style> #id值 { color: red; }</style><p id="id值">xxxxxx</p> 类选择器 每个标签共有的属性class 语法 <style>
类和id的区别 类名和id属性值的区别 类名相当于名字，可以重复，一个标签可以有多个class类名 id相当于身份证，不可重复，一个标签只能有一个id属性值 书写区别 类选择器以.开头 id选择器以#开头 开发 类选择器用的最多 id选择器一般结合js使用 通配符选择器 找到页面中所有的标签，
超链接的伪类 /* 链接点击之前 */ a:link { color: blue; } /* 连接访问之后 */ a:visited { color: lightblue; } /* 鼠标放上去时 */ a:hover {
node-sass 不支持 >>> 语法，推荐改用 /deep/。后来，node-sass 被 deprecated，推荐使用 dart-sass。但 dart-sass 又和 /deep/ 有冲突。所以，如果你使用 vue2 同时又使用 dart-sass，只剩一种选择 ::v-deep。 <style scoped> .a ::v-deep .b { /* ... */ } </style> 现在，你通过 npm i
样式通常存储在样式表中（先定义样式表），再把样式表添加到html元素中 定义CSS样式的方式： 行内样式（内联样式）编辑 ·行内样式仅针对当前标签生效，如果当前的样式不需要复用，可以用行内样式 ·优先级高（优先级比内页样式的优先级高，如果同时存在，先显示行内样式） 内页样式（嵌
目录 1. css层叠样式表 2. css选择器 3. css常用单位 4. 背景颜色 5. 列表 1.css层叠样式表： 层叠性:1.如果样式冲突，遵循就近原则 2.如果样式不冲突，就不层叠 继承性:子标签会继承父标签的某些样式，文本颜色字号背景。 2.css选择器： 1.标签选择器* 2.类选择器：class 3.id选择器：id=""
本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 转自：https://github.com/JERRY-Z-J-R/I-love-you-3-thousand 对前端知识的快速巩固和学习！ 一、CSS简介 CSS 的主要使用场景就是布局网页，美化页面的。 1.1 HTML的局限性 HTML 只关注内容的语义，虽然 HTML 可以做简单
今日学习情况：理解 心情：70%（一般） 经过昨天的学习，今天的学习明显没有昨天那么吃力了 CSS基础知识 CSS:层叠样式表 如何嵌入，样式显示HTML元素，样式通常存储在样式表中，先定义样式表再添加到HTML元素中。 定义CSS样式的方式有三种 1. 行内样式：当不需要复用可以使用 2. 内页样式（嵌入样
实训第三天：css 1.知识点 定义css样式的方式（理解） 1.行内样式 如果当前的样式不需要复用，可以使用行内样式 优先级 2.内页样式（嵌入样式） ①标签选择器 ②类选择器，声明样式的时候需要用一个英文的，选择样式通过class属性，不需要写. ③id选择器，声明样式的时候需要用一个#，对应的元素id要匹
一、Css基本语法 1.Html和Css没分开 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <!--规范，<style>可以编写css的代码，每一个声明，最好使用分号隔开 语法： 选择器{ 声明1； 声明2； 声明3； } --> <meta charset=&q
CSS CSS---层叠样式表，相当于整个网页的美化 如何嵌入？（样式如何显示html元素） 样式通常存储在样式表中（先定义样式表），再把样式表添加到html元素中 定义CSS样式的方式： （1）行内样式（内联样式） ·行内样式仅针对当前标签生效，如果当前的样式不需要复用，可以用行内样式 ·优先级高（优先级
2022-07-10 学习的第二天，讲的内容涉及到了CSS层叠样式表，学习完今天的知识可以将昨天的作业进行美化，可以使用伪类选择器对其加一些漂亮的效果，用浮动将导航栏定住等等。层层递进，一个初始的框架慢慢的产生了血肉，我相信最后可以幻化出精致的面庞。 因为知识的繁杂，我选择用纸笔
vant 日期选择器IOS展示数据不兼容问题： //错误写法 this.maxDate = new Date(this.$day('2022-01-06 15:53:10').format("YYYY-MM-DD")) //正确写法 this.maxDate = new Date(this.$day('2022-01-06 15:53:10').format("YYYY/MM/DD")) 改成这样日期选择器弹窗就正常了，后端接
CSS CSS---层叠样式表，相当于整个网页的美化 如何嵌入？（样式如何显示html元素） 样式通常存储在样式表中（先定义样式表），再把样式表添加到html元素中 定义CSS样式的方式： （1）行内样式（内联样式） ·行内样式仅针对当前标签生效，如果当前的样式不需要复用，可以用行内样式 ·优先级高（优先级
CSS CSS叫做“层叠样式表” 网页中：HTML相当于布料（结构） CSS网页相当于上色（美化） 样式如何显示HTML元素 样式通常存储在样式表中 把样式表添加到HTML元素里 定义css的方式 行内样式，内联样式（了解） I Love Java 如： I Love Java 如果当前的样式不需要复用，可以用航
锚点： xxx为 id 直接跳到对应ID块（同一个页面位置）《多个目录时使用》 target：blank 在新标签页中打开 href：地址 文本框属性 required（必填） placeholder（水印（提示）） div块级元素（使用时会独占一行） span行内元素（在一行里使用） viewport网页在手机端显示不会发生变化 层叠样式表--同名样式后
今日的随堂笔记 1.CSS 层叠样式表 （相当于给房子装修） 网页美化 2.如何嵌入 样式如何显示html元素 样式通常存储在样式表中 把样式表添加到html的元素中 定义CSS样式的方式 1.行内样式（内联样式） style 后写的就是层叠样式表 如果当前的代码不需要复用 则可以使用行内样式 优先级比较
1.CSS层叠样式表 功能：网页美化 样式通常存储在样式表中，把样式添加到HTML元素中，可以把样式显示在HTML中 <!-- 定义CSS样式方法 --><!--1. 行内样式，内联样式 ————（1）如果当前样式不需要复用，可以用；（2）优先级--> <p style="background: rgb(109, 219, 118);">lasf</p>
