HTML5+CSS3
城南花开ze
技术不止
展开
-
单行文本和多行文本框实现溢出省略的效果
一、需求问题在开发中,我们可能也会遇到这样的需求。当在单行或者多行的时候,文本的内容溢出了,需要隐藏,可以用省略号去表示。下面是我的实现方式。二、需求分析对于单行文本框溢出省略,我们可以使用overflow、white-space和text-overflow来进行单行文本省略截断,实现文本溢出省略的效果。对于多行文本框溢出省略,我们可以使用line-height、overflow、float...原创 2019-12-31 00:06:25 · 804 阅读 · 0 评论 -
计算机网络技术面试总结
一、OSI模型OSI模型是即Open System Interconnect模型,开放系统互联模型是一个七层的计算机网络模型,由下至上依次是物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。二、TCP和UDPTCP和UDP是OSI模型中的运输层中的协议。TCP提供可靠的通信传输,而UDP则常被用于让广播和细节控制交给应用的通信传输。TCP:面向连接、传输可靠(保证数据正确性...原创 2019-09-30 09:51:21 · 567 阅读 · 0 评论 -
HTML和CSS面试题及答案总结一
对于html的语义化标签的理解,结构化标签的理解,同时写出简洁的html结构,如何进行SEO优化?答:对于html的语义化标签,用正确的标签做正确的事情。html语义化,让页面的内容结构化,便于对浏览器和搜索引擎的解析,在没有css样式的情况下,以文档的形式同样易于阅读,符合文档语义的标签。标签本身所代表的语义,每一个标签所带有的语义,根据语义去使用标签,依赖标记确定权重,同时也可以提高SE...原创 2019-04-05 19:08:19 · 8664 阅读 · 3 评论 -
CSS中浏览器的兼容理解总结一
一、为什么会出现浏览器兼容问题?由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。二、关于浏览器1.主流浏览器Internet Explorer、 Safari、Mozilla Firefox、 Goog...原创 2019-04-12 20:16:42 · 231 阅读 · 0 评论 -
关于css中浮动的理解及实际应用
一、元素浮动的意义及使用:1.浮动的意义:设置了浮动属性的元素会脱离普通标准流的控制,移动到其父元素中指定的位置的过程,将块级元素放在一行,浮动会脱离标准流,不占位置,会影响标准流,浮动只有左右浮动,不会出现上下浮动。2.浮动的使用:基本语法格式:选择器{float:属性值;}left 元素向左浮动 right 元素向右浮动 none 元素不浮动二、元素浮动的特性:1.浮...原创 2019-04-12 21:34:45 · 519 阅读 · 0 评论 -
关于CSS中浏览器兼容的问题总结二
CSS对浏览器的兼容性有时让人感觉比较麻烦,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名。一、CSS技巧1.div的垂直居中问题 vertical-align:middle;将行距增...原创 2019-04-13 22:34:50 · 158 阅读 · 0 评论 -
在html5当中BFC的理解分析
一、 FC与BOX的理解FC: Formatting Context的缩写,表示页面中的一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。常见的有BFC和IFC。BOX:CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不...原创 2019-05-30 09:57:12 · 778 阅读 · 0 评论