html+css
望道同学
我想静静
展开
-
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果: 单行文本的溢出显示省略号...但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。转载 2017-05-30 22:58:56 · 400 阅读 · 0 评论 -
CSS学习笔记-导入CSS的几种方法(三)
使用style元素定义内部样式表——内嵌式内部样式表通过<style>元素直接在HTML文档中定义样式表。 <style></style>标记对可以出现在HTML文档中的任意地方,一般情况下,在<head></head>标记对之间定义<style></style>。 通过<style>定义的内部样式表只能应用于当前HTML文档中的元素。<html><head><style type=“tex原创 2016-09-30 22:33:11 · 407 阅读 · 0 评论 -
CSS学习笔记-CSS的优先级+继承性(四)
css继承特性CSS继承性 HTML文档以树形结构进行组织,各元素之间是一种层次关系,这种层次关系同样反映在样式表的应用中。具有层次关系的元素之间,内层元素将继承外层元素的样式,多个外层元素中定义的样式将叠加到内层元素。 HTML中,<body>是其他元素的容器,是其他元素的最外层元素,所以<body>元素中定义的样式将影响其他所有元素的显示格式。 具有继承的CSS属性 文本相关的属性是继承原创 2016-09-30 22:37:42 · 1182 阅读 · 0 评论 -
CSS学习笔记-CSS属性(五)
CSS属性——尺寸属性属性 值 含义 height auto:自动,浏览器会自动计算高度 length:使用px定义高度 %:基于包含它的块级对象的百分比高度 设置元素高度 width 同上 设置元素的宽度CSS属性——字体属性属性名 值 含义 font-family 宋体、黑体等 设置文字字体font-size 12px、14px原创 2016-09-30 22:44:04 · 324 阅读 · 0 评论 -
CSS学习笔记-浮动(六)
CSS浮动与清理CSS浮动介绍浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动框浮动后,将脱离原来的普通文档流,并且不会占用空间,层级会高于普通文档流。 浮动元素会生成一个块级框,而不论它本身是何种元素。 浮动元素一般要指定一个明确的宽度;否则,它们会尽可能地窄。 属性名称 取值 描述 float Left,right,none 使元素向左或向原创 2016-09-30 22:50:42 · 309 阅读 · 0 评论 -
CSS学习笔记-盒模型(七)
CSS 盒子模型 (Box Model)规定了元素处理元素内容、内边距、边框 和 外边距 的方式。 在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素,就需要将内容的宽度设置为 70 像素,请看原创 2016-09-30 22:57:47 · 294 阅读 · 0 评论 -
CSS学习笔记-margin,padding(八)
CSS属性——内外边距属性 值 含义 padding padding:5px 0px 5px 0px; 同时设置四个内边距,顺序:上右下左padding-top 上填充距离padding-right 右填充距离padding-bottom 下填充距离padding-left 左填充距离margin margin:5px 0px 0px 0p原创 2016-09-30 23:01:33 · 857 阅读 · 0 评论 -
CSS学习笔记-position定位(九)
CSS属性——定位属性属性 值 含义 position absolute, fixed, relative, static 规定元素的定位类型top auto,%,length 设置定位元素的上外边距边界与其包含块上边界之间的偏移 right auto,%,length 设置定位元素的右外边距边界与其包含块右边界之间的偏移 bottom auto,%,length原创 2016-09-30 23:06:52 · 324 阅读 · 0 评论 -
CSS学习笔记-浏览器兼容性(十)
什么是浏览器兼容性当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。而兼容就是一种办法,能让你在一个CSS里面独立的写支持不同浏览器的样式。解决兼容性问题大致有三种办法。全局CSS样式设置常用CSS兼容性样式CS原创 2016-09-30 23:16:36 · 555 阅读 · 0 评论 -
CSS学习笔记-CSS选择器(二)
CSS选择器分类——基本选择器选择器 含义 举例 通用选择器 通用选择器,将匹配任何元素。不建议使用,IE不支持,大网站增加客户端负担。 *{margin:0px;}标签选择器 标签选择器,匹配所有HTML标签元素。 p{font-size:14px;}类选择器 类选择,定义一类HTML元素的样式。类选择器以”.”来定义 .box{width:800px;}Id选择器 Id选原创 2016-09-30 22:27:41 · 304 阅读 · 0 评论 -
CSS学习笔记(一)
Web标准WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如原创 2016-09-30 22:22:02 · 289 阅读 · 0 评论 -
HTML学习笔记-框架(七)
什么是框架?框架提供将一个浏览器窗口划分为多个区域,每个区域都可以显示不同HTML文档的方法。使用框架的最常见情况就是:一个框架显示导航控件的文档,而另一个框架显示含有内容的文档。 框架集(frameset)是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容;框架集文件只是向浏览器提原创 2016-09-30 22:17:37 · 426 阅读 · 0 评论 -
HTML学习笔记-a标签+URL+img(三)
html标签——<a>超级链接什么是超级链接?所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。超级链接的分类 按使用对象的不同分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。 按URL的不同 绝对URL链接:网站的完整路径 http:原创 2016-09-29 22:04:35 · 2437 阅读 · 0 评论 -
CSS3animation,transform,translate,translation的区别
CSS3animation,transform,translate,translation的区别animation 动画 keyframe 名称,所用时间,速度曲线,过渡开始的延迟时间,次数,是否反向播放动画object.style.animation=”mymove 5s infinite”transform 实现文字或图像的旋转、缩放、倾斜、移动的变形处理object.style.tran原创 2016-09-25 14:24:26 · 497 阅读 · 0 评论 -
HTML学习笔记-DOCTYPE+meta(一)
<!DOCTYPE html><html> HTML文件声明开始<head> <title>网页标题</title></head><body> 文件体</body></html> HTML文件声明结尾<!DOCTYPE html>```**作用**此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型,分别表示严格版本、过原创 2016-09-29 21:11:26 · 612 阅读 · 0 评论 -
HTML学习笔记-html标签(二)
html标签——排版元素<p></p><br><hr><pre></pre><h1></h1>…………<h6></h6>块级元素与行内元素的区别所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。 如果单独在网页中插入这两个元素,不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。常用字符实体: 空格> >< <&原创 2016-09-29 21:40:09 · 323 阅读 · 0 评论 -
HTML学习笔记-form表单(五)
<form>表单元素基本概念 HTML表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要的内容。 表单一般用来收集用户的输入信息 表单工作原理 访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交 这些信息通过Internet传送到服务器上。 服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠原创 2016-09-29 22:33:18 · 351 阅读 · 0 评论 -
HTML学习笔记-table(四)
<table>标签属性 值 含义 width %或pixels 规定表格的宽度 height % | pixels 规定表格的高度 align Left|center|right原创 2016-09-29 22:21:53 · 330 阅读 · 0 评论 -
HTML学习笔记-计算机编码(六)
计算机编码介绍*什么是计算机编码*在计算机中,所有的数据在存储和运算时都要使用二进制数表示,例如,a-z、A-Z、0-9数字以及还有一些常用的符号(例如*、#、@等)在计算机中存储时也要使用二进制数来表示,而具体用哪些二进制数字表示哪个符号,当然每个人都可以约定自己的一套(这就叫编码),而大家如果要想互相通信而不造成混乱,那么大家就必须使用相同的编码规则,于是美国有关的标准化组织就出台了所谓的ASC原创 2016-09-30 22:04:58 · 657 阅读 · 0 评论 -
HTML学习笔记(六)
<select>下拉列表<form id="form1" name="form1" method="post" action=""> <select name="city“ id=“city”> <option value="北京">北京</option> <option value="天津“ selected=“selected”>天津</option> <opti原创 2016-09-30 22:11:33 · 250 阅读 · 0 评论 -
css之felxBox
这个网上的口诀还挺形象的转载 2017-11-04 10:27:14 · 521 阅读 · 0 评论