![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 1179 阅读 · 0 评论 -
css盒模型和元素类型
1.盒模型margin:0 auto;一个有宽度的元素在浏览器中横向居中。input{outline:none;}去掉input在鼠标点击时显示的外边线。padding:用来调整子元素在父元素中的位置,padding需加在父元素上; padding是额外加载元素原有大小之上的,添加了padding值需对原有的盒子大小进行删减。margin值的解析:两个盒子左右边界累加,正常...原创 2018-09-05 16:09:43 · 327 阅读 · 0 评论 -
实现垂直居中的六种方法
1.dispaly:inline-block需有参照空元素; 例如:空元素为<span></span>,span应和需居中元素(img等)为平级标签,将span设置宽度为0,高度为父容器高度,居中方式为vertical-align:middle; 同时将需居中元素设置为vertical-align:middle。 注:为避免部分块状元素拥有默认高度,应给元素...原创 2018-09-09 10:05:39 · 568 阅读 · 0 评论 -
定位与锚点
定位只能用定位来实现层叠的效果absolute默认为浏览器窗口一.position定位属性position:static/absolute/relative/fixed/inherit1.static:默认定位方式;2.absolute:绝对定位,将对象从文档流中完全脱离出来,使用left/right/top/bottom进行定位,如父元素无定位属性,依据浏览器定位,其层叠...原创 2018-09-09 10:43:25 · 306 阅读 · 0 评论 -
图片整合&浏览器兼容
CSS Sprites原理(图片整合技术)又称为CSS精灵/雪碧图一、将导航背景图片、按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张,用background-position实现背景图片的定位技术。二、优势1.通过图片整合减少对服务器的请求次数,提高页面加载速度;2.减少图片体积注:背景图写给li。图片整合原则1.边切图边整合;2.定位时避免使用bot...原创 2018-09-09 16:06:37 · 228 阅读 · 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 · 1156 阅读 · 0 评论