day48 前端高级选择器优先级

【day48 前端高级选择器优先级】的更多相关文章

day48 前端高级选择器优先级

复习 1. 基础选择器标签选择器(div) | 类选择器(.div1) | id选择器(#div2) <div class="div1" id="div2"></div> 统配选择器 | !important | 行间式 2. 选择器优先级通常作用范围越精确优先级越高 !important > 行间式 > id > class > 标签 > 统配 3. 长度与颜色 px in mm cm em rem vw…

盒子总结,文本属性操作,reset操作,高级选择器,高级选择器优先级,边界圆角(了解),a标签的四大伪类,背景图片操作,背景图片之精灵图

盒子总结 ''' block: 设置宽高 1.没有设置宽,宽自适应父级的宽(子级的border+padding+width=父级的width) 2.没有设置高,高由内容撑开设置了宽高一定采用设置的宽高显示宽高 border+padding+content 自身布局 margin-top | margin-left 兄弟布局 margin-bottom | margin-right 父级水平居中 margin:0 auto; 与inline相关的盒子 vertical-align ''' 文…

清除系统默认样式，文本样式,高级选择器(权重),边界圆角，a标签的四大伪类，背景图片

清除系统默认样式大多系统预定义标签,有默认样式,不满足实际开发需求,反倒影响布局通常清除系统样式,利于开发 body,h1-h6,p,table { margin:; } ul { margin:; padding:; list-style:none; #清除列表样式 } a { text-decoration:none; #清除a标签下划线 color:black; # 设置a标签字体颜色 } 文本样式简写: font: 字重字体大小/行高字族 …

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器一丶CSS简介叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化特点: 1.丰富的样式定义 ,易于使用和修改,多页面应用,页面压缩,层叠 2.使数据和…

from提交数据，高级选择器，伪类选择器，前端样式等

1. form提交数据 get: 不安全的提交数据,高效 post: 安全的提交数据,低效前台都可以给后台提交数据,后台一定会给前台一个反馈结果 2. 高级选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 30px; } /* 高级性选择器优先级…

前端CSS css引入方式 css选择器 css选择器优先级

一. CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 二. CSS语法 CSS实例每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这是注释*/ 三. CSS的几种引入方式行内样式行内样式是在标记的style属性中设定CSS样式.不推荐大规模使用,说白了就是…

前端-CSS-初探-注释-语法结构-引入方式-选择器-选择器优先级-01(待完善)

目录 CSS(Cascading Style Sheet) CSS注释 CSS语法结构 CSS的三种引入方式选择器伪类.伪元素选择器速查 CSS选择器优先级***** 选择器相同的情况下选择器不同的情况下选择器权重样式调整技巧本篇博客绝大多数内容来源网上,感谢作者的无私分享~ CSS(Cascading Style Sheet) 用来调节标签样式的,又称层叠样式表 CSS注释 /* 单行注释 */ /* 多行注释 */ 经典写法 /* 这是购物车页面的样式表(一般放css文件的第一行…

前端 CSS的选择器高级选择器

高级选择器分为: 后代选择器儿子选择器并集选择器交集选择器后代选择器使用空格表示后代选择器.父元素的后代(包括儿子,孙子,重孙子) 后代选择器在CSS中使用非常频繁因为HTML元素可以嵌套,所以我们可以从某个元素的后代查找特定元素,并设置样式: /*div内部的p标签设置字体颜色*/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…

前端----css 选择器

css 为了修饰页面作用, 让页面好看 ⑴ css的引入方式1,行内样式body里面2,内接样式在html里面的 style 里面3,外接样式两种:①链接式: <link rel="stylesheet" href="./index.css"> ②导入式:<style type="text/css"> @import url('./index.css'); </style> 优先级:行内优先级(最高) &g…

css高级选择器&盒模型

css高级选择器&盒模型 1.组合选择器群组选择器 /* 每个选择器为可以为三种基础选择器的任意一个,用逗号隔开,控制多个*/ div,.div,#div{ color:red } 后代(子代)选择器 /*后代选择器:用空格将父级和子级连接*/ .sup .sub{ color:red } /*子代选择器:用 > 将父级和子级连接,即父级 > 子级*/ .sup > .sub{ color:red } 1.子代选择器是(一级嵌套关系) 2.后代选择器(一级或者多级嵌套关系) 兄…