<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 清除浏览器默认样式 */ *{ margin: 0; padding: 0; } .box1{ width: ...
分类:
其他好文 时间:
2021-07-05 18:58:02
阅读次数:
0
css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ ...
分类:
Web程序 时间:
2020-07-19 17:53:31
阅读次数:
89
1、全面base.css @charset "utf-8"; /* CSS Document */ @charset "utf-8"; /*! * @名称:base.css * @功能:1、重设浏览器默认样式 * 2、设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定 ...
分类:
Web程序 时间:
2020-05-27 15:45:01
阅读次数:
221
为什么要初始化css? 建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 相信很多人都曾经出现过多多少少的,有时候进 ...
分类:
Web程序 时间:
2020-03-24 17:27:39
阅读次数:
127
即使使用 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式 类似<a>标签这种inline-block元素,它们之间还是存在着留白和间距。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ...
分类:
其他好文 时间:
2020-03-19 23:17:32
阅读次数:
108
CSS Reset 1.作用 (1)清除浏览器默认样式(2)全局样式定义 2.特别注意 (1)项目开发初期就定义好(2)reset.css 在引入的时候一定要放在第一位(3)不同的产品reset.css不一样 3.table合并边框间距 table { border-collapse: collap ...
分类:
Web程序 时间:
2020-03-17 14:09:44
阅读次数:
73
浏览器默认给边距,去除浏览器默认样式 <!doctype html><html> <head> <title>样式初始化</title> <style> /* *通配符选择器,选择页面中所有元素,内外边距都设为0*/ *{margin:0px;padding:0;} /* 多元素选择器,用”,“隔开 ...
分类:
其他好文 时间:
2020-01-28 18:59:31
阅读次数:
64
移动端 CSS Reset 该怎么写 为了应对各大浏览器厂商对浏览器默认样式的不统一处理,我们往往会进行一个 css reset 操作,由于没有标准而且受个人偏好影响,每个公司实现的都不尽相同。在移动端的我们需要关注哪些点呢? 1. 特别针对 IOS 设备的问题 1. 滚动容器的问题 1. 不同浏览 ...
分类:
移动开发 时间:
2020-01-21 18:30:26
阅读次数:
161
css reset 自己挨个清除很麻烦 可以使用网上一些css库——css reset 把模板复制到css文件最上方,其他的样式我们自己编写来覆盖它们 但是这个也有一些弊端,会把一些本来需要的样式给清除了,比如h标签,本来是分级别的,但是使用css reset后,所有都变得一样了 normalize ...
分类:
Web程序 时间:
2019-09-28 14:42:36
阅读次数:
187
box:盒子,每个元素在页面中都会生成一个矩形区域(盒子) 盒子类型: 1.行盒,display属性=inline的元素,不换行(默认值) 2.块盒,display属性=block的元素,换行 浏览器默认样式表设置的块盒:容器元素、h1~h6、p 常见的行盒:span、a、img、video、aud ...
分类:
Web程序 时间:
2019-09-21 21:46:45
阅读次数:
122