css
辣姐什么鬼
这个作者很懒,什么都没留下…
展开
-
CSS:头部导航设置复杂背景图片自适应显示(与menu菜单贴合-自用)
场景:头部导航是比较复杂的背景图片,有时还需要和menu菜单位置贴合,同时需要自适应不同分辨率,实现结果如下:192013662048原始背景图片如下:代码如下:.hearder-panel { position: absolute; top: 0; right: 0; left: 0; height: 70px; line-height: 50px; b原创 2020-06-24 12:01:17 · 3124 阅读 · 0 评论 -
CSS科技感四角边框
实现效果:使用before和after就可以实现,代码量不多,长度颜色都可以自己调整实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:.原创 2020-06-22 11:30:51 · 7861 阅读 · 1 评论 -
DIV布局和放大
题目:当鼠标略过某个区块的时候,该区块会放大,并且其他的区块仍然固定不动布局: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>三个div放大问题</title> &am转载 2016-02-20 08:56:59 · 673 阅读 · 0 评论 -
清除浮动的几种方式
清除浮动的方式:第一种是clear:both/left/right,需要在浮动元素后面再加一个元素,设置其css为clear <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title&原创 2016-02-20 10:34:14 · 366 阅读 · 0 评论 -
读《CSS那些事儿》笔记一
学习css最好的方法就是不断地做,不断地想,不断地实践Css的特点:1、修饰页面文本、图片等页面元素,避免使用不必要的HTML元素2、更有效地控制页面结构、页面布局3、提高开发和维护的效率Css的简写:1、颜色的缩写:只能对十六进制形式缩写例如#FF00FF缩写为#F0F2、单位值的省略:像0px可以缩写为03、内外补丁的简写:margin:0;表示所有边都是一个值...原创 2016-07-27 17:57:15 · 957 阅读 · 0 评论 -
css里height:100%不起作用
做网页自适应的时候常用到height:100%想让div高度铺满屏幕,但发现常常不起作用,其实是要对html,body{height:100%;}设置,加上之后div的height:100%就能成功占屏幕的全部了。 html,body{ width:100%; height:100%;} ...原创 2016-09-26 16:28:53 · 1372 阅读 · 0 评论 -
css双圆环旋转效果
效果图如下:鼠标移上去加快旋转速度,rem做单位,两个圆环的图片可以随便找在此不上传了代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=&quo原创 2018-03-16 10:58:10 · 3905 阅读 · 0 评论