![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
天启之极
为人生添砖Java
展开
-
sprite(雪碧图,也叫精灵图)
1、css sprite中文名为 雪碧图,也叫精灵图,是基于background-image和background-position 实现的显示技术就是将一个有很多图标的图片,通过控制图片显示位置来达到自己想要的图这张图片是下面代码中用到的图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2020-09-23 13:08:24 · 1801 阅读 · 0 评论 -
vertical-align(取消图片底部的间隙)
当直接设置图片就会出现下面会多出来一点的情况,不设置高度的情况下,下面会多一点1、vertical-align这个是设置元素的垂直排列的. 用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐. 它的值比较多:baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit 比如说top就是垂直对齐文本的顶部 ...原创 2020-09-23 12:59:19 · 210 阅读 · 0 评论 -
页面背景修改
前端背景background-color //修改背景颜色background-image //设置背景图片background-repeat //设置背景图像是否及如何重复。background-attachment //背景图像是否固定或者随着页面的其余部分滚动。background-position //设置背景图像的起始位置background-repeat当图片不够长会向下填充,但不是很好看设置了background-repeat:repeat-x;则只会横向重复而不原创 2020-09-23 12:36:26 · 391 阅读 · 0 评论 -
css选择器,字符实体,表单,表格
1. 添加css方法: 内行样式:style 内联样式:<style>:在head前面 外链css文件:link(推荐) 在css文件中引入另一个文件:import(不建议使用) 2、css语法: *属性:属性值; *命名时必须有意义(组成为:字母、下划线、连字符、素志),开头以字母开头 3、选择器: 元素选择器 *:代表选择所有标签 ;*原创 2020-09-23 08:09:29 · 163 阅读 · 0 评论