![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 71
苏麦瑞
关注用户体验、交互设计、机器学习、虚拟现实的学生党一枚
展开
-
css书写规范整理
CSS书写规范整理: l 选择器命名: 1.使用驼峰命名法 2.避免在名字中使用属性,E.g.如果你定义了 输出结果为:Some text。如果你或者别人决定换其他颜色比如蓝色,css就变为 这样的结果就是你在HTML代码中写着class=”red”,但是输出结果是长这样的:Some text,这是很荒谬的。所以,最好用一些一般的名字,比如empha原创 2015-11-02 09:16:48 · 327 阅读 · 0 评论 -
【CSS】css层叠特性总结
所谓的css层叠特性其实就是临近原则,即选择与自己关系最近表达最具体的来执行: CSS选择器优先级: 行内样式 > ID样式 >类别样式>标记样式 行内样式直接写在HTML相应标签内 E.g. p class="classStyle" id="idStyle" style="color:red">Hello Worldp> ID样式通过id属性创建,具有唯一原创 2015-10-29 11:38:28 · 521 阅读 · 0 评论 -
因滚动条出现而导致页面晃动的解决方案
这两天因为oa主页为了消除晃动的影响给body下的div加了一个{min-height:960},可是产品对底部出现的大片空白不满意,而且如果换了超大屏幕这个最小高度还是会出问题,最后去网上百度了这么一个方法,下面的的代码加到CSS文件中就可以了,非常好用。 html{overflow-y:scroll;} overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内原创 2015-10-29 12:01:30 · 10358 阅读 · 1 评论 -
带箭头的提示tips样式
效果: html: 电话号码格式不正确 css: .help-tip::after{ display: block; content:""; width: 8px; height: 8px; background: #88847f; -webkit-transform:rotate(-45deg); position: absolute; right: 115原创 2015-11-23 18:56:29 · 1271 阅读 · 0 评论 -
radio选中状态对应文字改变颜色
效果: html: 本人申请 代替他人申请css: .radio { width: 18px; height: 18px; border: 2px solid #649723; margin-top: 20px; } .radio-font { font-size: 18px; margin-right: 25px; color:#767676; margin-top原创 2015-12-01 17:46:05 · 8073 阅读 · 1 评论 -
两个图片来回切换
这是今天查资料写的,感觉挺繁琐的,大概有更简洁的方法吧,回头知道再整理吧。 效果图:随着鼠标点击左侧的三角形来回切换 html: css: .fold{ float: left; margin-top: 4px; width: 20px; height: 20px; }js: $('.fold').click(function(){ if($(this).c原创 2015-12-03 17:42:59 · 1228 阅读 · 0 评论 -
子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
方法一: html: 1 1 css: #left1{ float:left;width:200px;} #left2{ float:left;width:200px;} #all1{} 这个方法的关键在于用了clear:both来清除了浮动元素,把父元素all1撑开。 方法二:html:转载 2016-02-29 10:09:20 · 544 阅读 · 0 评论 -
CSS中伪类和伪元素学习总结
·css伪类:用于向某些选择器添加特殊的效果。(如给连接添加不同状态的效果)。 ·css伪元素:用户将特殊的效果添加到某些选择器。(如在div前后添加小三角,或者用于实现一些checkbok比较好看的效果等)。 -伪类有: W3C:"W3C" 列指示出该属性在哪个 CSS 版本中定义(CSS1 还是 CSS2)。 属性 描述 CSS原创 2016-03-21 14:48:14 · 304 阅读 · 0 评论