![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端CSS
*派大星*
这个作者很懒,什么都没留下…
展开
-
css块级元素与行内元素讲解
css块级元素与行内元素讲解css的块级元素与行内元素是我们在布局中的基础,但是一般的不会去细究它们之间的区别今天就把自己的心得写出来。常见块级元素:div p form ul ol li 等;常见的行内元素:span stronh em;区别主要有一下几点:1. 块级元素会独自占一行,行内元素不会独自占一行且相邻的两个块级元素可以在同一行显示如图:2.行内元素设置height...原创 2019-06-13 15:15:41 · 407 阅读 · 1 评论 -
CSS float浮动的用法
一、float 有什么作用:通过css定义 float 可以让页面盒子元素向页面左侧、右侧浮动。二、基本的语法:主要有:left、right、nonefloat:left; 块级元素向左侧浮动float:right; 块级元素向右侧浮动float:none;块级元素不浮动(也可以用来清除浮动)三、如下图:给div盒子添加左右的浮动效果四、如下图:需要清除其中一个盒子浮动时的写法...原创 2019-06-26 17:25:11 · 436 阅读 · 0 评论 -
H5新特性--常用表单总结
不废话直接上干货一、表单标签:新增的type属性:email,tel,url,number,search,range,color,time,date,datetime-local,month,week,之前的只有text 和 password详解如下: email :邮件格式,会自动验证邮件格式对不会Tel :电话号码的格式url :url地址格式number :数字格式的输入框,只能...原创 2019-06-28 14:20:43 · 171 阅读 · 0 评论 -
CSS精灵图技术
一、css精灵图技术有很多的优点的 比如:减少图片的字节。减少网页的http请求,从而大大的提高页面的性能。解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小 元素进行命名,从而提高了网页的制作效率。更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。维护起来更加方便。二、实现的原理:...原创 2019-07-15 13:10:30 · 213 阅读 · 0 评论 -
前端之CSS
目录:css代码引入css选择器2.1 基本选择器组合选择器3.1 后代选择器3.2 孩子选择器3.3 毗邻选择器3.4 弟弟选择器3.5 属性选择器3.6 分组伪类选择器伪元素选择器选择器的优先级 权重css属性相关字体属性8.1字体8.2 字体大小8.3 字体颜色8.4 字体,粗细8.5 颜色表示方式文字属性9.1 文字对齐9.2 文字装饰9....原创 2019-07-15 15:33:41 · 165 阅读 · 0 评论 -
CSS 3旋转放大属性,正六边形的绘制
CSS 3旋转放大属性,正六边形的绘制1. 效果如下:2. 所用到的知识点:a、background-color: rgba(0,0,0,.4); (红色、绿色、蓝色、透明度(0-1))b、position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /*使用绝对定位万能居中*/c、z-i...原创 2021-10-26 16:04:14 · 162 阅读 · 0 评论