Bootstrap
Bootstrap,偶最早接触的就是他,简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。其自带的js以及css可以完成绝大多数常用的网页特效与响应功能。
BlueprintBlueprint 是一款成熟的 CSS 框架,它将布局(layout)、排版(typography)、组件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在网页设计时就减少了引入的代码,提高了页面加载效率。
Ant Design
Ant Design 偶是学react的时候用的ui库 切合度高。
ElementUI
ElementUI和Vue配合很得心应手。
没有万能框架,只有根据实际情况选择适合自己的。
css3滚动,css style赋值,css清除字体倾斜,css 小手样式有提示,css边框可以重合吗,css实现图片悬停放大,css左侧固定右边自适应
@ 请问如何改变鼠标选定文本时的颜色?
鼠标选中后,背景变色的方法:如:改变选中后,选中区域的背景颜色为浅蓝色。在css中写入如下代码:/* webkit, opera, IE9 */::selection { background:lightblue; }/* mozilla firefox */::-moz-selection { background:lightblue; }说明:
1、-moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。
2、background后面可以直接使用颜色值。如:::selection { background:#ffff00; }另外:跟其它CSS选择器的用法一样,也可以嵌套使用,在不同的地方显示不同的颜色。如下:/* webkit, opera, IE9 */div.highlightBlue::selection { background:lightblue; }/* mozilla firefox */div.highlightBlue::-moz-selection { background:lightblue; }
/* webkit, opera, IE9 */div.highlightpink::selection { background:pink; }/* mozilla firefox */div.highlightPink::-moz-selection { background:pink; }
@ css3的transition是直接写在选择器上?
写在哪里是要分情况的,是要看你想要实现什么效果。
1)如果写在选择器,如果是写的rotate等事件,则直接执行事件,如果写的是transtion:all ease 0.5s,那么他在你鼠标移入以及鼠标移出的时候都会发挥作用。
2)写在hover上,那么他只会在鼠标移入的时候才执行你自己定义的transtion动作,移出没有效果;
@ css的优先级怎么判断?
css选择器优先级怎么比较CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。
● 不同级别
1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2. 作为style属性写在元素内的样式
3. id选择器
4. 类选择器
5. 元素选择器
6. 通配符选择器
7. 浏览器自定义或继承
总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性
● 同一级别
(1) 同一级别中后写的会覆盖先写的样式
(2) 同一级别css引入方式不同,优先级不同
总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。
对于选择器优先级,还可以通过计算权重值来比较