css的再深入7（更新中···）

1.transparent 透明的

2.placeholder 提示语

写页面

搞清结构层次，
保证模块化，让他们之间不能受到影响

(1) 元素性质

(2) 标准流

浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响，absolute和fixed带来的脱离文档流撑不起父级的高度，使用子元素设置高强制撑起父级。

1.css可以继承的属性有哪些？

Font 系列 text系列 color line-height

2.border-radius的值的问题

四个值的顺序是左上右上右下左下。

3.white-space 规定段落中的文本换不换行往往值是nowrap 不换行

4.Word-wrap 属性允许长的内容可以自动换行属性值是 break-word 允许默认是不允许

5.写三角形

宽高必须是0　　效果如下：

6.margin对布局的影响双飞翼布局圣杯布局（）

　　margin是外边距，属性值是数字数字又分正负。

正数：margin：20px；

负数：在static元素中（标准流下）margin-left为负数当前元素向左走 margin-top为负当前元素向上走

margin-bottom为负数后当前元素不动后面的元素向上走，margin-right为负数当前元素不动后面的元素向左走

注意的，margin为负会增大当前元素的宽（前提是当前元素没有设置width）

场景

给ul一个margin-right 就无形之中给ul加了20px宽度。

在float下

margin为负也是我们常用的双飞翼，圣杯布局

中间自适应两端固定

给元素margin-left为负当前元素向左走，margin-right为负后一个元素向左走会覆盖当前元素。

在absolute下

margin为负

让元素居中，前提是知道元素的宽高。

div{

Position：absolute；

Left：50%；

Top：50%；

Margin-left:-width/2;

Margin-top:-height/2

}

Margin为负无论在什么条件下都是释放自己的空间，如果自己的margin不够，就把自己的宽高贡献出去。

如：

1.正常状态

2.设margi值时　　

更多专业前端知识，请上【猿2048】www.mk2048.com

css的再深入7（更新中···）相关推荐

常见css的用法（持续更新中....）
1.换行 // 带英文字母的那种哦 white-space: normal; word-break: break-all; 2.不换行 // 带英文字母的那种哦 white-space: nowrap ...
2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】）
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...
如何删除计算机自动更新补丁,删除自动更新中的WIN10升级补丁
先试试吧,毕竟微软仍然控制着我们的电脑,嗯,应该是电脑中的windows.要把windows内已经下载好的Win10升级文件删除,就去"已安装的更新"中,将KB3035583.KB ...
CSS兼容性问题的解决方式（更新中···）
CSS兼容性问题的解决方式(更新中···) 参考文章: (1)CSS兼容性问题的解决方式(更新中···) (2)https://www.cnblogs.com/zff123/p/9769042.htm ...
IDEA中为什么CSS内容修改了，浏览器中没有更新（已解决）
IDEA中为什么CSS内容修改了,浏览器中没有更新(已解决) 解决办法:清除浏览器缓存即可. F12以后,找到找到网络,右键清楚缓存即可.
前端面试题（三）（CSS篇）建议收藏，持续更新中...
CSS content属性特殊字符有哪些? 今天在做开发的时候,需要用到CSS的content属性,加入一些特殊字符来实现网页效果.但是特殊字符那么多,怎么可能记得住,所以谷歌百度搜索之后找到了一个比 ...
2022年前端面试题整理，持续更新中
端面试题整理已同步到掘金.CSDN 掘金地址: https://juejin.cn/post/7075332630417244173 CSDN 地址:https://blog.csdn.net/z1 ...
前端MUI+H5+HBuilderX开发APP（IOS，android），后台Springboot,java学习与实践文章，更新中（二）
前端MUI+H5+HBuilderX开发APP(IOS,android),后台Springboot,项目搭建,图标设置等,更新中(二) 新建我的第一个APP manifest.json: 图标设置: ...
【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程整合学习目录（持续更新中）
写在开头大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退.金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门 ...
根据Spring-Security安全框架搭建问答论坛系统(更新中.....)
论坛问答系统系统设计与实现什么是Spring安全框架为什么需要Spring-Security 启动Spring-Security 访问控制器方法密码加密 Spring-Security的权限管理 ...

css的再深入7（更新中···）

css的再深入7（更新中···）相关推荐

最新文章

热门文章