子元素的外边距隔着父元素的内边距和边框. 当这两项都不存在的时候, 父子元素垂直外边距相邻, 产生叠加.
1）媒体查询 @media 是个好东西，至少对像我一样刚入行的小前端做响应式是个不错的选择。
通用样式规范 协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。...-- Recommended --> All recommendations 多媒体元素降级 对于像图片、视频、canvas 动画等多媒体元素...图片可以使用替代文本（alt），视频和音频可以使用文字版本。 <!
1、目前主流的浏览器以及其内核名有哪些？ 点这里查看 2、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元...
10px; /*设置下边距*/ padding-bottom: 10px; 设置左边距/*padding-left: ;*/ 设置右边距/*padding-right: ;*/ /*设置背景图片不重复...*/ background-repeat: no-repeat; /*设置背景图片的位置*/ background-position: center; /*设置背景图片的尺寸...以及间距问题*/ float: left; /*去掉下划线*/ text-decoration: none; /*设置溢出隐藏*/ overflow: hidden; 5.css优先级以及背景图片...这两个选择器都是创造一个假的元素，假的元素一样可以设置任何样式 （before在一个div最上面，after在一个div最下面） :hover，选择鼠标悬浮在元素上的样式 :link，设置链接时候的样式 背景图片
其他属性 首行缩进、字体下划线等 css的概念及其作用 css全称为（Cascading Style Sheets）翻译过来就是层叠样式表 作用：主要作用就是设置网页的文字（大小，颜色，字体，对齐等等）图片和板式布局等等
cc=aa@sf.com &bcc=bb@sf.com &subject=主题 &body=邮件内容">发送邮件 <img scr="<em>图片</em>地址" alt="下载失败时替换文本" title...内联元素： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
【HTML/CSS】牛客题库练习 1. HTML 1.1 FED1-表单类型 ⭐方法1 🌸注意 1.2 FED2-表格结构 ⭐方法1 🌸注意 1.3 FED3...
理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，经过我看过的一些文章，加入自己的理解。我得出文档流的定义如下：
.InputAddOn { display: flex; } .InputAddOn-field { flex: 1; } 五、悬挂式布局 有时，主栏的左侧或右侧，需要添加一个图片栏。
跨行合并 rowspan 上下合并 将rowspan写在上面的单元格上 跨列合并 colspan 左右合并 将colspan写在左边的单元格上
9、请写出多种等高布局 假等高布局：使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假象 给容器div使用单独的背景色（固定布局、流体布局）：用元素中的最大高度撑大其他的容器高度...CSS sprites 其实就是把网页中的一些背景图片整合到一张图片文件中，在利用CSS的 background-image，background-repeat，background-position的组合进行背景定位...，background-position可以用数字精确的定位出背景图片的位置。...优点： 减少网页的http请求 减少图片的字节 解决网页设计师在图片命名上的困扰，只需要对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名 更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式...如果背景图不够宽，很容易出现背景断裂 CSS sprites 在开发的时候，需要通过Photoshop或其他工具测量计算每一个背景单元的精确位置 在维护的时候比较麻烦，如果页面背景有少许改动，一般就要修改这张合并的图片
文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基...
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML...
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 图片适配...//使用这个 img {max-width:100%} //最大宽度显示为自身的100% //不用这个 img {width: 100%} //宽度为外层容器的宽度 图片会被无情地拉伸 media
锁定该计算机、切换用户、注销、更改密码、启动任务管理器 f2 可以重新命名文件 今天学习目标 认知网页和浏览器，理解web标准 熟悉编辑器（sublimeText） 其他html标签介绍 img标签（插入图片...） a标签（超链接及插入锚点） 列表 认知网页 问：前端人员的工作跟什么打交道 答：网页 网页的构成：由文字，图片，超链接，多媒体(音频，视频，Flash)等组成！...文字大小 网页的行为：负责网页的动态交互 认知HTML 概念：HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片...这个时候就可以借助于标签的属性来完成 语法： 如： 在这里我们只需要了解语法即可 后面还会学习不同的标签不同的属性 图片标签... 图片属性 src="图片地址" alt="图片的替换文本" title="图片标题" width="
（难) 背景 背景颜色 background-color: red; 颜色可以设置成十六进制 或者 rgb 或者 rgba 背景图片 background-image: url(图片路径); 背景平铺...2.fixed 图片不跟随盒子一起滚动 背景位置 background-position: 背景位置; 1.方位名词 right top left center bottom 书写的顺序不论...2.像素 如果是像素 那么默认在以“当前盒子”的左上角为0 0原点 构建一个坐标系 第一值是X轴的位置 第二个值是Y轴的位置 交互的点就是图片开始显示的起始位置 多说一嘴： 1、程序里面的坐标系X轴水平向右...:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置; 如：background: #fff url() no-repeat scroll center center; img和背景图片的区别：...img不需要专门写宽高就能够显示在页面上 而背景图片默认是撑不开容器的 需要专门写宽高 一般产品插入图都推荐使用img 而一些小的icon 或者很少更新的图片 再或者超大的图片推荐使用背景图 而且背景图可以让内部的文字盖在上面
定位匹配对 最后 Emmet 的官方 API 列表在这里，有一个图片版本可以【点此下载】 参考
编辑页面添加内容： 2.gif 直接编辑修改页面内容： 3.gif 修改特定板块的样式： 4.gif 5.gif 调整内容板块宽度： 6.gif 调整板块间距： 7.gif 8.gif 设置背景图片
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
