![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Sparrowflying
这个作者很懒,什么都没留下…
展开
-
CSS优先级应用
H5建议将网页的两大部分【内容与样式】分开来处理,即HTML负责页面框架内容,CSS负责控制样式。这样做的好处是分工明确,条理清晰,方便编写与后期修改。1、HTML引用CSS的方式HTML引用CSS的方式一般可分为三种:1、引用外部样式表【最常用】;2、在HTML头部区(即开始&结束标签之间)编写样式,样式可被当前HTML应用;3、在HTML内容区(即开始&结束标签之间)直接编写元素样式,原创 2017-02-14 10:58:26 · 456 阅读 · 0 评论 -
css 设置文字超出长度用省略号代替 + 鼠标悬停显示全文 + 行内元素向下偏移修正
1. css 设置文字超出长度用省略号代替,下面四个属性缺一不可width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;2.鼠标悬停显示全文title="全文全文全文全文全文全文全文";3.应用【 display:inline-block; 】后引起行内元素向下偏移添加样式:vertical-align: bott...原创 2018-06-14 16:40:13 · 5157 阅读 · 1 评论 -
html元素盒模型,块级元素和内联元素区别
1、【盒模型】盒模型:html文档中的每个元素都被描绘成矩形盒子,这个模型称为盒模型。盒模型包括:margin(外边距),border(边框),padding(内边距),content(内容区域)。元素占据的空间:margin+border+padding+content。正常盒模型:属性width/height = content宽高。IE盒模型 ( IE 5 和 6 )原创 2018-02-02 11:52:19 · 914 阅读 · 0 评论 -
百度地图测距和鼠标位置不一致
使用官方API开启百度测距后,浏览器显示测距点和鼠标位置不一致。解决方法:将http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">中的DistanceTool_min.js文件下载下来,修改后本地调用。修改位置:(注此处小x,y,e为变量,共有六处需要修改)var x = e.lay原创 2018-01-25 16:50:03 · 1080 阅读 · 0 评论 -
消除button或inline-block元素之间的空白间距
解决办法:删除元素间多余空格如:按钮1按钮2改为:按钮1按钮2或:设置父元素样式:font-size:0; (完美解决!)产生原因:由于【button元素】在浏览器中属性默认为inline-block,因此代码中空格会被显示为的空白。其他属性为inline-block的元素也会产生此现象,编写样式的原创 2017-11-14 11:17:54 · 1655 阅读 · 0 评论 -
vertical-align垂直居中无效
检查父元素是否设置line-height原创 2017-11-14 10:09:44 · 441 阅读 · 0 评论 -
CSS布局与定位——height百分比设置无效/背景色不显示
CSS布局与定位——height百分比设置无效/背景色不显示html元素属性width和height的值有两种表达方式,一是固定像素如“100px”,一是百分比如“80%”,使用百分比的好处是元素会按父元素宽高自动调节大小,有更好的自适应性,但由于元素默认宽度有效,默认高度无效,因此父元素为时width="100%" height="100%",其高度设置是无效的,原创 2017-05-24 16:06:35 · 5316 阅读 · 0 评论 -
CSS布局与定位——Positioning(定位)四种定位方式要点总结
CSS定位方式为网页布局要点,而Positioning(定位)四种属性为掌握布局的基础。1、Static 定位 (即静态定位)要点:html元素默认定位方式;在正常的文档流中,占据空间;top/bottom/right/left属性对其无效;z-index层叠属性对其无效;absolute定位元素不受其影响;2、Relative 定位原创 2017-05-24 15:06:06 · 1042 阅读 · 0 评论 -
li列表在IE中不能对齐,offset不一致的问题
问题:今天在项目中遇到一个问题,同样的【li】列表元素,在IE中却出现上边距不一样的现象,检查元素发现【offset】值不一样。解决:给【li】添加样式【vertical-align:bottom;】,问题解决。原理有待进一步研究。...原创 2018-08-08 14:36:03 · 777 阅读 · 0 评论