css
关注
分享
扫一扫
北杨
编程里面面的小学生
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
用CSS还原静态风车，导航栏小三角标记制作！
题目：用CSS还原静态图。代码如下：<!doctype html><html><head><meta charset="utf-8"><title>border</title><style type="text/css">body{ bac原创 2018-08-26 09:34:21 · 1272 阅读 · 0 评论 -
css盒模型和元素类型
1.盒模型margin:0 auto;一个有宽度的元素在浏览器中横向居中。input{outline：none;}去掉input在鼠标点击时显示的外边线。padding:用来调整子元素在父元素中的位置，padding需加在父元素上； padding是额外加载元素原有大小之上的，添加了padding值需对原有的盒子大小进行删减。margin值的解析：两个盒子左右边界累加，正常...原创 2018-09-05 16:09:43 · 396 阅读 · 0 评论 -
实现垂直居中的六种方法
1.dispaly:inline-block需有参照空元素； 例如：空元素为<span></span>，span应和需居中元素（img等）为平级标签，将span设置宽度为0，高度为父容器高度，居中方式为vertical-align：middle； 同时将需居中元素设置为vertical-align：middle。 注：为避免部分块状元素拥有默认高度，应给元素...原创 2018-09-09 10:05:39 · 656 阅读 · 0 评论 -
定位与锚点
定位只能用定位来实现层叠的效果absolute默认为浏览器窗口一.position定位属性position:static/absolute/relative/fixed/inherit1.static:默认定位方式；2.absolute：绝对定位，将对象从文档流中完全脱离出来，使用left/right/top/bottom进行定位，如父元素无定位属性，依据浏览器定位，其层叠...原创 2018-09-09 10:43:25 · 418 阅读 · 0 评论 -
图片整合&浏览器兼容
CSS Sprites原理（图片整合技术）又称为CSS精灵/雪碧图一、将导航背景图片、按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张，用background-position实现背景图片的定位技术。二、优势1.通过图片整合减少对服务器的请求次数，提高页面加载速度；2.减少图片体积注：背景图写给li。图片整合原则1.边切图边整合；2.定位时避免使用bot...原创 2018-09-09 16:06:37 · 308 阅读 · 0 评论 -
小技巧：去掉每一行最后一个li的外边框/是否准许用户调整文本域的大小
去掉每一行最后一个li的外边框1.给每个li起类名单独去掉；（不建议使用）2.将ul稍微多设置一点宽度，在ul的父容器中设置正常宽度、高度，并写overflow：hidden；3.ul无父元素时可给li写margin-left：-value；在ul中写overflow：hidden。是否准许用户调整文本域的大小<textarea>设置resize属性：none（...原创 2018-09-09 16:14:33 · 1266 阅读 · 0 评论