
CSS要点
Do_It_Better
这个作者很懒,什么都没留下…
展开
-
select下拉箭头样式改变问题
*****关于select下拉箭头样式改变问题*****1.在SELECT最外层套一个SPAN,加背景颜色,用 background: url("../images/select.png") no-repeat 0.55rem 0.28rem; 把小箭头位置设在SPAN靠右边;2.把SELECT的WIDTH设置的稍微长些,让小箭头跑远一点;3.在SELCT和最外层的中间原创 2017-04-11 00:22:41 · 4024 阅读 · 0 评论 -
图片,DIV内设置成黑白色;手机端滚动条不显示问题,手动写滚动条
//黑白样式.gray{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gra...原创 2019-05-30 16:20:51 · 446 阅读 · 0 评论 -
CSS面试题
CSS选择器有哪些?哪些属性可以继承?CSS选择符:id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器(*)、属性选择器(a[rel=”external”])、伪类选择器(a:hover, li:nth-child)可继承的属性:font-si...原创 2019-03-21 23:57:17 · 180 阅读 · 0 评论 -
CSS优先级
CSS优先级 : 顺序 自上而下↓!Important 权重最高行内样式 <p style="color:red">id {}class {}p {}外联样式 link="xxxx.css"如果优先级相同,则选择最后出现的样式。 继承得到的样式的优先级最低。...原创 2019-03-11 22:57:23 · 484 阅读 · 0 评论 -
CSS百分比实现页面自适应 positioo:absolute
<body><div id="container"> <img> // 背景图 width:100%,vertical-align:top <div id=".content"> <div id="bunner"></div> <原创 2019-03-13 14:53:10 · 589 阅读 · 0 评论 -
用百分比加 相对定位,绝对定位,布局PC端实现屏幕自适应
1.用百分比加 相对定位,绝对定位,布局PC端,能最高程度达到自适应2.最外层用一个DIV container作为 最外层,用相对定位position reletive ,width 100 内部用一个DIV content作为内容容器,用绝对定位position absolutebottom 0top 0left 0 right 0width 100heigh...原创 2018-05-23 18:46:49 · 2889 阅读 · 0 评论 -
DIV撑满剩余高度,未知高度垂直居中
css3 transform:translateY 未知垂直居中// 相对于父组件进行绝对定位,top 50%, 再 用CSS3属性 transform: translateY(-50%) 设置Y轴-50%即可parentElement{ position:relative; } childElement{ position: absolute...原创 2018-03-27 16:02:23 · 913 阅读 · 0 评论 -
CSS3实现图片旋转 transform keyframes
(keyframes相当于设定启动器rotation,并规定开始和结束的动作)@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}(.Rotation类名定义样式,定义动画的过程).Ro原创 2017-08-19 14:53:31 · 1439 阅读 · 0 评论 -
CSS零散要点
***a样式的设置 a:link,a:visited,a:active,a:hover{ text-decoration:none;} ***a{-webkit-tap-highlight-color:rgba(0,0,0,0)}点击出现的高亮颜色,设为白色即隐藏高亮颜色*** *:focus {outline: none;} 输入框获取焦点时的边框颜色去除原创 2017-04-08 02:30:40 · 305 阅读 · 0 评论