![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 95
suwu150
业精于勤,荒于嬉;行成于思,毁于随;磨刀不误砍柴工。
展开
-
常见CSS(层叠样式表)介绍
CSS(cascading style sheet,层叠样式表) CSS(cascading style sheet,层叠样式表)是描述文档怎么样被呈现的语言,使用CSS可以对HTML文档进行描述。语法: 1)CSS属性和值之间用冒号分隔 2)CSS属性之间用分号分隔(建议每个属性后都书写分号) 3)CSS的值有多个的时候使用空格分隔 每个HTML元素都包含有一个style属性,使转载 2016-10-15 20:51:37 · 1386 阅读 · 0 评论 -
盒子模型
盒子模型网页就是由许多个盒子通过不同的排列方式堆积而成,网页上每个元素都被浏览器看成是一个矩形的盒子,这个盒子由元素的内容,填充,边框,边界组成。默认盒子边框背景色透明,默认看不到盒子) 盒子模型 margin 外边距,定义区块外边界与上级元素距离的属性,值为长度 padding 内边距(填充),是设置区块的内边距的属性,是边框和元素内容之间的间隔距离 border 边框(注意边框是有内外俩条边界的) wid转载 2016-10-15 21:39:05 · 1337 阅读 · 0 评论 -
各种浏览器的Hack写法(chrome firefox ie等)
如下面所示代码,将会在火狐浏览器和谷歌浏览器中有不同的表现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 300px; height: 300px;原创 2017-10-23 19:15:20 · 1802 阅读 · 0 评论 -
修改浏览器滚动条样式
CSS设置滚动条样式 因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。 一:webkit的CSS设置滚动条1.1 主要有下面7个属性::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-butto原创 2017-12-28 16:10:14 · 4962 阅读 · 0 评论 -
前端开发中布局形式
布局我们可以把网页理解成是由一个个盒子排列组合而成的,那么盒子之间又是怎么排列布局的呢?网页常见的布局方式大概有五种:普通文档流布局、浮动布局(Float)、绝对布局(Absolute)、弹性布局(Flex)、网格布局(Grid)。普通文档流布局默认的布局方式,由块级元素(display: block)和行内元素(display: inline)等组成,元素之间按照从左到右,从...原创 2018-06-03 01:09:46 · 1340 阅读 · 0 评论 -
CSS自动换行、强制不换行、强制断行、超出显示省略号
CSS样式设置自动换行、强制不换行、强制断行、超出显示省略号P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,如下所示,当设置div宽度为固定值时,p中内容能够自动换行:但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,当时获取的数据是一长串的数字,浏览器应该是对数字和英文单词处理方式相近,不会截断。...原创 2019-05-31 00:20:08 · 90141 阅读 · 0 评论