前端笔记
文章平均质量分 71
苏麦瑞
关注用户体验、交互设计、机器学习、虚拟现实的学生党一枚
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css书写规范整理
CSS书写规范整理:l 选择器命名:1.使用驼峰命名法2.避免在名字中使用属性,E.g.如果你定义了输出结果为:Some text。如果你或者别人决定换其他颜色比如蓝色,css就变为这样的结果就是你在HTML代码中写着class=”red”,但是输出结果是长这样的:Some text,这是很荒谬的。所以,最好用一些一般的名字,比如empha原创 2015-11-02 09:16:48 · 423 阅读 · 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 · 607 阅读 · 0 评论 -
因滚动条出现而导致页面晃动的解决方案
这两天因为oa主页为了消除晃动的影响给body下的div加了一个{min-height:960},可是产品对底部出现的大片空白不满意,而且如果换了超大屏幕这个最小高度还是会出问题,最后去网上百度了这么一个方法,下面的的代码加到CSS文件中就可以了,非常好用。 html{overflow-y:scroll;}overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内原创 2015-10-29 12:01:30 · 10560 阅读 · 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 · 1375 阅读 · 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 · 8442 阅读 · 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 · 1331 阅读 · 0 评论 -
子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
方法一:html:11css:#left1{ float:left;width:200px;}#left2{ float:left;width:200px;}#all1{}这个方法的关键在于用了clear:both来清除了浮动元素,把父元素all1撑开。方法二:html:转载 2016-02-29 10:09:20 · 677 阅读 · 0 评论 -
CSS中伪类和伪元素学习总结
·css伪类:用于向某些选择器添加特殊的效果。(如给连接添加不同状态的效果)。·css伪元素:用户将特殊的效果添加到某些选择器。(如在div前后添加小三角,或者用于实现一些checkbok比较好看的效果等)。 -伪类有:W3C:"W3C" 列指示出该属性在哪个 CSS 版本中定义(CSS1 还是 CSS2)。属性描述CSS原创 2016-03-21 14:48:14 · 360 阅读 · 0 评论
分享