css小tip
1. <input>标签的默认样式
当在页面中添加一个input标签,当点击输入框时会有一个外边框包裹着,可以使用 :
input { outline: none} 去除点击时产生的外边框包裹默认样式
记录一下,空格的转义字符分为如下几种:
平时一般用的是
1. &160#;不断行的空白(1个字符宽度)
2.  &8194#;半个空白(1个字符宽度)
3.  &8195#;一个空白(2个字符宽度)
4.  &8201#;窄空白(小于1个字符宽度)
平时一般用的是 但是在中文中也许有时候更适合用 
input{border: none} 去除input标签的默认样式
2. div自适应浏览器高度
html,body{ height:100%; overflow:hidden; } /*需要自适应的div*/ .container { height: 100%; }
3. display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。
例子:
<html>
<head>
<title>display:none和visible:hidden的区别</title>
</head>
<body >
<span style="display:none; 隐藏区域</span><span style=" background-color:Green">显示区域</span><br />
<span style="visibility:hidden; 隐藏区域</span><span style="background-color:Green">显示区域</span>
</body>
</html>
4.空格转义字符
平时一般用的是
1. &160#;不断行的空白(1个字符宽度)
2.  &8194#;半个空白(1个字符宽度)
3.  &8195#;一个空白(2个字符宽度)
4.  &8201#;窄空白(小于1个字符宽度)
平时一般用的是 但是在中文中也许有时候更适合用 
5. 垂直水平居中
1. 父元素div设置为relative;
2. 子元素div
1 2 3 4 5 6 7 8 9 | table{ position : absolute ; height : 200px ; width : 380px ; top : 50% ; left : 50% ; margin-top : -100 x; //等于高度的一半 margin-left : -190px ; //等于宽度的一半 } |
分类:
css
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥