CSS
小o-o璇
这个作者很懒,什么都没留下…
展开
-
CSS3鼠标穿透
CSS3鼠标穿透原创 2022-12-07 09:03:10 · 202 阅读 · 0 评论 -
伪元素(对象)选择器的权重
伪元素(对象)选择器的权重原创 2022-12-07 08:53:22 · 124 阅读 · 0 评论 -
网页优化(布局优化、图片优化)
网页优化(布局优化、图片优化)原创 2022-12-06 15:51:51 · 1131 阅读 · 0 评论 -
css定位 position
css 定位 position原创 2022-12-06 13:48:10 · 113 阅读 · 0 评论 -
js判断元素含有指定class
1.$(‘元素’).hasClass(‘类名’);返回true和falseif($('#id').hasClass('myClass')){}//判读两个classif($('#id').hasClass('myClass1 myclass2')){}2.$(‘元素’).is(‘类名’);用法和hasClass()一致原创 2021-11-23 10:47:27 · 1274 阅读 · 0 评论 -
根据浏览器高度设置div高度
根据浏览器高度设置div高度//javascript代码// 修改尺寸 autodivheight(); function autodivheight() { //函数:获取尺寸 //获取浏览器窗口高度 var winHeight = 0; if (window.innerHeight) winHeight = w原创 2021-11-08 09:59:12 · 182 阅读 · 0 评论 -
css cursor 悬浮 手
// 手cursor:pointer;原创 2021-09-08 18:30:07 · 256 阅读 · 0 评论 -
CSS滚动条样式
统一隐藏滚动条统一隐藏滚动条谷歌 *::-webkit-scrollbar { width: 0 !important;}ie10* { -ms-overflow-style: none;}火狐* { overflow: -moz-scrollbars-none;}修改滚动条样式/*修改滚动条样式*//* 设置滚动条的样式 */div::-webkit-scrollbar{ width: 5px; height: 5px;}/* 滚动槽 */div:原创 2021-04-22 09:31:26 · 207 阅读 · 0 评论 -
BFC-格式化上下文
BFCBFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。形成BFC条件根元素或包含根元素的元素()浮动元素(float 不是 none)(left、right、inherit(要看继承父类值))定位元素(position 为 absolute 或 fixed)行内块元素(display 为 inline-block)表格单元格(display为 table-cell,HTML表格单原创 2021-01-27 18:10:26 · 132 阅读 · 0 评论 -
calc()语法规则
css计算属性calc()calc() 只作用于属性值CSS有很多长度,它们都可以与calc() 一起使用:px % em rem in mm cm pt pc ex ch vh vw vmin vmax不能在媒体查询中使用@media (max-width: 40rem) { /* Narrower or exactly 40rem */}/* 无效 */@media (min-width: calc(40rem + 1px)) { /* Wider than 40rem *原创 2021-01-13 16:52:03 · 14493 阅读 · 1 评论 -
@import语法规则
@import定义和用法@import <media_query_list><url>:使用绝对或相对地址指定导入的外部样式表文件。可以是url(url)或者直接是一个url<media_query_list>:指定媒体类型和查询条件指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明。并且其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成错误信息。IE使用@import无法引入超过35条的样式表。//以下3种方式都有效。原创 2021-01-12 17:29:20 · 631 阅读 · 0 评论 -
!important语法规则
!important定义和用法Selector{sRule!important;}!important说明提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在,!important并不覆盖掉在同一条样式的后面的规则。// An highlighted blockdiv{color:#f00!important;color:#000;}//在上述代码中,IE6及以下浏览器div的文本颜色为#000,!important并没有覆盖后面的规则;其它浏览器下div的文本颜色为#f原创 2021-01-12 15:59:02 · 247 阅读 · 0 评论 -
CSS文字超出部分显示省略号
@CSS文字超出部分显示省略号一行内超出显示省略号overflow:hidden; /*超出的部分隐藏起来*/ text-overflow:ellipsis;/*超出文本以省略号 */white-space:nowrap;/*不换行*/超出两行显示省略号 overflow: hidden; /*超出的部分隐藏起来*/ text-overflow: ellipsis;/*超出文本以省略号 */ display: -webkit-box; -webkit-line-原创 2020-12-09 11:24:39 · 265 阅读 · 0 评论