子元素的外边距隔着父元素的内边距和边框. 当这两项都不存在的时候, 父子元素垂直外边距相邻, 产生叠加.
1）媒体查询 @media 是个好东西，至少对像我一样刚入行的小前端做响应式是个不错的选择。
Fantastic Great .example { color: blue; } 大小写 以下都应该用小写： HTML 元素名称，属性，属性值（除非 text/CDATA），CSS 选择器.../* Not recommended */ #navigation {} .atr {} /* Recommended */ #nav {} .author {} 选择器 除非需要，否则不要在 id 或....adw-help {} /* AdWords */ #maia-note {} /* Maia */ ID 和 Class 命名分隔符 选择器中使用连字符可以提高可读性。...每个选择器都另起一行。...html { background: #fff; } body { margin: auto; width: 50%; } CSS 引号 属性选择器和属性值用单引号，URI 的值不需要引号
1、目前主流的浏览器以及其内核名有哪些？ 点这里查看 2、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元...
： 不管顺序怎么，凡是写在style标签里面的样式，权重一定是最高的 style标签和link引入的css,谁在后面那么谁的权重高 user agent stylesheet 浏览器默认设置的样式 类选择器...：.类名 id选择器：#ID名称 标签选择器：标签名称 属性选择器：[属性名称] 属性选择器的另外一种方式： ---------------------------------------------...，class类选择器、标签（元素）选择器、属性选择器、多重选择器 在选择器完全相同的情况下，写在后面的css优先级比较高 在style元素里加！...important》选择器写的更详细》ID选择》类选择、属性选择器》标签选择器》浏览器默认的样式》元素继承到的样式 注意： 如果想要打乱选择器的优先级，那么可以使用!...important加到颜色后面） 伪类选择器： :before,:after这两个选择器都是创造一个假的元素，假的元素一样可以设置任何样式 （before在一个div最上面，after在一个div最下面
学习目标 css的作用和基本语法 css控制字体 基本选择器 伪类选择器 行高和对齐方式 css其他属性 首行缩进、字体下划线等 css的概念及其作用 css全称为（Cascading Style Sheets...选择器 想要操作任何一个标签，那么首先需要做的事情就是选中对应的标签，而这个就是选择器的作用 基础选择器 标签选择器 标签名 {属性1: 值1;属性2: 值2;} 特点：会将页面上所有符合的标签都选择上...，但是不能实现差异化选择 类选择器 声明自定义类名 .自定义类名 {属性1:值1;属性2: 值2;} （声明类名选择器） 给对应的元素添加class类名属性 class="自定义的类名" （调用类名选择器...id选择器 id选择器的使用方式和类选择器基本一致 声明id #自定义id名字 {属性1:值1;属性2:值2;} 调用id 给对应的元素添加属性 id="自定义id" #box { font-size...:12px; } 内容 特点：id选择器一般配合后期的JS使用较多，效果和类选择器一样，只不过是类选择器可以被多个元素调用，但是id选择器只能被一个元素调用
CSS 类选择器 语法： .类选器名称{css样式代码;} 举例： .stress...CSS ID选择器 语法： #ID选择器名称{css样式代码} 举例： #setGreen{color:green;} <span...与 '#' 调用时 class= 与 id= ID选择器只能在文档中使用一次，类选择器则可以使用多次 一个元素可以使用多个类选择器同时设置多个样式...，而ID选择器是不可以的，如 三年级 10.CSS 子选择器 还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素...CSS 通用选择器 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素： * {color: red;} 此时，所有元素的字体都为红色
CSS 2.1 FED9-CSS选择器--标签、类、ID选择器 ⭐方法1 注意 2.2 FED10- CSS选择器--伪类选择器 ⭐方法1 注意 2.3 FED11-CSS选择器--伪元素 ⭐方法1 注意...CSS CSS菜鸟教程 2.1 FED9-CSS选择器–标签、类、ID选择器 ⭐方法1 绿色 黑色 注意 class是. id是# 2.2 FED10- CSS选择器...–伪类选择器 ⭐方法1 ...> 3 4 注意 2.3 FED11-CSS选择器
理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，经过我看过的一些文章，加入自己的理解。我得出文档流的定义如下：
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易...
跨行合并 rowspan 上下合并 将rowspan写在上面的单元格上 跨列合并 colspan 左右合并 将colspan写在左边的单元格上
，line-height，color； 列表相关：list-style-image，list-style-position，list-style-type， list-style； 6、请简述CSS的选择器...元素选择器：* 、E、 E#id、 E.class 关系选择器：E、F、E>F、E+F、E~F 属性选择器：E[att]、E[att=“val”]、E[att~=“val”]、E[att^=“val”...]、E[att$=“val”]、E[att*=“val”]、E[att|=“val”] 伪类选择器：E:link、E:visited、E:hover、E:active、E:focus、E:lang(fr.../class类/伪类选择器 > 元素名/伪对象选择器； 关系选择器将拆分为两个选择器再计算权重。...新增特性有：圆角（border-radius）、阴影（box-shadow）、对文字加特效（text-shadow）、线性渐变（gradient）、变形（transform）； 增加了更多的CSS选择器
relative 相对定位 （相对元素在文档中的初始位置定位） absolute绝对定位（相对于定位元素定位，最顶级是body） fixed 固定定位 （相对窗口定位） static 文档流 7 CSS的选择器...7.1 CSS的选择器有哪些？...id 选择器 class 选择器 tag 选择器 属性 选择器（a[href=""] ） 派生 选择器 7.2 优先级高低如何判断？ 不同级优先级： ！
它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： ? 去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一些新特性。
文/小魔女 本文简介 前端开发系列的第二篇文章 基础知识就像是一把宝剑，能让你驰骋在前端领域的战场 知识亦有温度，让我们对新知识永远保持热度吧 分享小魔女...
问：前端人员的工作跟什么打交道 答：网页 网页的构成：由文字，图片，超链接，多媒体(音频，视频，Flash)等组成！
学习目标 三种样式表的书写位置和优缺点 标签的三种显示模式和转换 复合选择器 背景属性 css的三大特性 样式表的书写位置 样式表可以有三种书写方式，分别分为 内嵌式样式表 外链式样式表 行内式样式表...复合选择器 交集选择器 既又原则 例如：p.box {} 既是p标签 又有box类名 并集选择器 将多个选择器合并在一起 例如： div,p,h1 {} 后代选择器 空格前面的元素和后面的元素必须是嵌套关系...例如：.father .houdai {} 子代选择器 > 前面的元素和后面的元素必须是父子关系 例如：.father > .son {} 测试题 <!...box1 { /* 最终绿色起效果 */ color: red; color: green; } 优先级（权重） 不同的选择器之间会有不同的优先级...继承 < 通配符 < 标签选择器 < 类选择器 < ID选择器 < 行内样式 < !
别在选择器名字里用短破折号“-”以外的连接词(包括啥也没有)， 以增进对名字的理解和查找。...是屌丝的风格 */ .error_status {} /* 推荐 */ #video-id {} .ads-sample {} 参考文章： https://iischajn.github.io/trans/htmlcss-guide
jQuery常用选择器 【标签选择器】 清平调 李白 $("h1").attr("style", "font-size:3rem...-- id选择器 --> $("#hr_1").attr("color", "red"); $("#hr_1").attr("width...", "30%"); 【class选择器】 云想衣裳花想容， 春风拂槛露华浓。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
