二七七

1. 实现浏览器往小缩进时，改变的是红色部分，绿色部分不变且居中 父子级都必须是块级元素。 使用 margin:0 auto; 实现，auto是自适应的意思。 2. 文本类元素 inline inline-block都叫文本类元素，凡是带有inline的元素都有文本的特点。 文…

1. 单行文本 单行文本溢出容器，打点展示。 2. 多行文本 多行打点在pc端不用技术实现，在移动端可以用技术实现。因为一般移动端的浏览器都是最新的浏览器，而pc端的浏览器是老版本的，对这样的技术不支持。 在pc端想要实现溢出容器打点展示，通常直接写。前端工程师把容器的宽度算好…

浮动元素不是完全意义的分层，只是产生了浮动流，浮动流对后面的元素影响不一样。 产生了bfc的元素和文本属性的元素以及文本都能看到浮动元素。 父级元素是块级元素，块级元素看不见浮动元素，所以包不住。 浮动元素产生了浮动流，浮动流对块级元素产生了影响，使块级元素看不到浮动元素了。所…

margin-left:100px;为了把位置让出来，不要覆盖。 先写right后写left，如果反过来，right部分虽然脱离原来位置，但出生位置是在第二行。 tips：写class名时尽量语义化，增强可读性。 父子嵌套的元素，父子元素垂直方向的margin值是结合在一起的，…

border、margin的值同样是这样。 计算可视的真实宽高。 注：margin是看不到的区域，所以不能算在里面。 1. absolute 脱离原来位置进行定位 相对于最近的有定位的父级进行定位，如果没有，那么相对于文档定位。 当一个元素成为定位元素，它就脱离原来的层，所以在…

图片的宽高一般只设一个，另一个值会根据所设的值等比列缩放。 凡是带有inline的元素，都有文字特性。所以去掉空格就可以。 将代码打包放到服务器上要压缩代码，压缩的一种手段是会把单词用一个字母代替，另一种手段是会去掉空格和回车。所以写好的代码往服务器上上传的时候会自动的把空格和…

浏览器默认的字体大小是16px，互联网页面的字体大小一般是12px或者14px。 有时设置之后字体并没有变成想象中的那么粗，这是因为有时字体包里没有这么粗的样式。 颜色代码由RGB三原色（红绿蓝）组成。 如果每两位都是重复的，可以简写。如#ff4400可简写为#f40，而#ff…

选择器和选择器之间隔一个空格，就是父子选择器的格式。 只要父子关系成立就行，每一个层级不是只能用标签选择器表示。 写在同一排的选择器，将权重值相加比较。 权重相同时，后面的会覆盖前面的。

1. 行间样式 2. 页面级 3. 外部css文件 1. id选择器（一一对应） 2. class选择器（多对多） 3. 标签选择器 4. 通配符选择器