CSS
文章平均质量分 94
up阳光正好
六年工作经验的前端老人,不为了卷而卷的前端主管
展开
-
CSS选择器世界
张鑫旭在《CSS选择器世界》原创 2023-05-11 08:23:54 · 566 阅读 · 0 评论 -
a:link a:visited a:hover a:active 样式顺序
1. a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的2. a:active 必须被置于 a:hover 之后,才是有效的原创 2017-02-17 16:10:03 · 4370 阅读 · 0 评论 -
CSS3扫盲篇
CSS31. 一些最重要CSS3模块如下:选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面2. 边框border-radiusbox-shadowborder-image(Internet Explorer 10 及更早的版本不支持 border-image 属性。)3. 圆角四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角原创 2017-08-19 15:05:37 · 451 阅读 · 0 评论 -
阻止Bootstrap 模态框点击背景空白处自动关闭
问题描述模态框点击空白处,会自动关闭,怎么阻止关闭事件呢?解决方法在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。<!-- 模态框(Modal) --><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidd原创 2017-12-27 19:11:13 · 4169 阅读 · 0 评论 -
表头固定,随内容可水平拖动的超简单实现
1. 设计思路两个table实现,有三个div,最外侧一个,控制全局,一个控制表头,一个控制表身。 2. 注意事项最外侧的div,需要用overflow-x来控制最横向滚动,因为overflow-x、y在IE中存在兼容性问题,当overflow-x/overflow-y其中之一被设置成’scroll’、’auto’、’hidden’时,另一个还是’visible’,不会被设置为原创 2017-12-27 19:15:24 · 4300 阅读 · 0 评论 -
常用的纯CSS实现的等高布局
1. margin + padding由于背景是在padding区域显示的,设置一个大数值的padding-bottom,再设置相同数值的负的margin-bottom,使背景色铺满元素区域,实现视觉上的等高效果。缺点在于,如果页面中使用锚点跳转时,将会隐藏部分文字信息;如果页面中的背景图片定位到底部,将会看不到背景图片。&lt;!DOCTYPE html&gt;&lt;html lang...原创 2018-10-24 23:20:17 · 204 阅读 · 0 评论 -
布局神器-Flex附例子
网页布局(layout)可以说是 CSS 中的一个重点应用,原创 2019-07-30 16:44:24 · 217 阅读 · 0 评论