随笔分类 - Css
摘要:CSS设置禁止复制 经常可以看到某些网站网页上的文字无法被选中,除了js控制,通过CSS样式user-select和z-index两个属性都可导致无法复制文字 user-select 浏览器中双击或点击选中文本,文本会被高亮显示,通过css user-select属性则设置是否允许选取元素的文本,该
阅读全文
摘要:1.内联样式 直接在标签添加样式 <h1 style="text-align:center;">内容</h1> 2.内部样式表 在head标签里面定义 <head> <style type="text/css"> h1 { text-align: center; } </style> </head>
阅读全文
摘要:1、绝对定位(常用于登录模块)备注:前提条件div需要有宽高 1 <div class="box"></div> 2 #css 3 .box{ 4 position:absolute/fixed; 5 left:0; 6 right:0; 7 top:0; 8 bottom:0; 9 margin:
阅读全文
摘要:前言 display、visibility、opacity三个属性隐藏元素之间的异同点一直是前端面试面试的常考题。 属性值是否在页面上显示注册点击事件是否有效是否存在于可访问性树中 display none 否 否 否 visibility hidden 否 否 是 opacity 0 否 是 是
阅读全文
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equ
阅读全文
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <style type="text/css"> 6 /**绿色勾*/ 7 .myicon-tick-checked { 8 display: inline-block; 9 positio
阅读全文
摘要:1). E F 匹配 E 元素下所有的子元素 F (后代选择器) .box a{ color: red; } 匹配 .box 下所有的子元素 a 2). E > F 匹配 E 元素下第一级子元素 F (子选择器) .box>a{ color: red; } 匹配 .box 下第一级子元素 a 3).
阅读全文
摘要:css强制不换行写法 1 word-break:keep-all; 2 white-space:nowrap; 3 overflow:hidden; 4 text-overflow:ellipsis; css强制换行写法 1 word-break:break-all; 2 word-wrap:bre
阅读全文
摘要:1).使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读 2).明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例
阅读全文
摘要:一些新手朋友对选择器一知半解,不知道在什么情况下运用什么样的选择器,这是一个比较头疼的问题,针对新手朋友,对CSS选择器作一些简单的说明,希望能对大家的学习工作有一定的帮助,更多的CSS知识请参考Webjx.com的其他文章。 准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素
阅读全文