为您找到相关结果92个
深入理解CSS中的UI伪类_CSS教程_CSS_网页制作_脚本之家
伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是 selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。 伪类可以分为两种: UI( User Interface,用户界面)伪类会在 HTML 元素处于某个状态时(比如鼠标 指针位于链接上),为该...
www.jb51.net/css/3639...html 2024-5-31
键盘快捷键和UI快捷键参考 · Chrome 开发者工具
通过右键单击一个元素,你可以: 强制修改元素的伪类状态: (:active,:hover,:focus,:visited)。 在元素上设置断点:(Subtree modifications子树修改,Attribute modification属性修改稿,Node removal节点删除)。 清空控制台。 Styles(样式)窗格 模拟元素的伪类状态(:active,:hover,:focus,:visited)。 添加新的样式选择器。
shouce.jb51.net/chrome/22...html 2024-4-18
应用before/after伪类时如何CSS命名以及针对ie6/ie7浏览器兼容_CSS教程...
一、诉说前言 before/after伪类相当于在元素内部插入两个额外的标签,其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上,可以简化HTML代码,提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛,不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识,要使用顶多也就是跟风的“清除浮动”应用。 我...
www.jb51.net/css/702...html 2024-5-29
CSS3 选择器 伪类选择器介绍_css3_CSS_网页制作_脚本之家
伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择器的使用方法。 和前面一样,在开始之前先创建一个Dom: ...
www.jb51.net/css/414...html 2024-5-25
使用before和:after伪类制作css3圆形按钮_css3_CSS_网页制作_脚本之家
1,Live Tools是一个在线UI制作工具,他提供了按钮、表单、icon图标和Ribbons的制作工具,可以在线配置相关参数,生成你需要的效果代码。 2,CSS3 Button Generator是一款简单的按钮生成工具,他可以制作出两种状态下的按钮效果,当然你如果需要其他状态的下按钮效果,要在其基础上做一些参数的变化,相对来说麻烦一点。
www.jb51.net/css/1513...html 2024-5-25
vue 实现可拖曳的树状结构图_vue.js_脚本之家
最近用vue做了一个小项目--可拖曳的树状结构图。 Vue递归组件 结构通过Vue的递归组件实现 布局使用flex,结构线由CSS伪类实现 需要注意的是居中布局,当X轴元素过多导致子元素宽度超出视图,元素居中后虽然有滚动条,但只能到达右边的内容,左边的内容会无法访问,可以把父元素设置为inline-flex,宽度设置为auto。当然,如果...
www.jb51.net/article/2093...htm 2024-6-9
简介CSS中的各种选择符_CSS教程_CSS_网页制作_脚本之家
UI伪类 链接伪类 Link。此时,链接就在那儿等着用户点击。 Visited。用户此前点击过这个链接。 Hover。鼠标指针正悬停在链接上。 Active。链接正在被点击(鼠标在元素上按下,还没有释放)。 focus伪类——鼠标放在上面 CSS Code复制内容到剪贴板 input:focus {border:1pxsolidblue;} ...
www.jb51.net/css/3581...html 2024-5-8
CSS3属性选择符介绍_css3_CSS_网页制作_脚本之家
:checked伪类允许开发者为处于选中状态的checkbox和radio设定样式。当然这也要在浏览器允许改变表单控件外观的条件下。下面的CSS规则将会使选中的radio和checkbox元素显示一个绿色边框: input:checked { border:1px solid #090; } UI元素状态伪类目前可以在Opera和基于Mozilla的浏览器中使用。
www.jb51.net/css/6844_a...html 2024-6-8