牛客网
小鲤鱼听听
前端开发工程师,Gitee 开源组织“奇文社区”成员,负责“奇文网盘”、“奇文股票”等开源项目
展开
-
CSS Sprites
1.简介CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。2.优点(1)CSS Sprites能很好地减少网页的h...原创 2019-03-14 17:29:43 · 317 阅读 · 0 评论 -
CSS画三角形
具体代码可以参加我的GitHub:https://github.com/liyating8023/usualLog.git这里解剖一下画三角形的思路,分为直角三角形和向内三角形两种。一、直角三角形比如想画左上三角形,看图可以有两种实现方法:绿色下面和蓝色右边的两种。绿色下面的实现方法:不要border-right,就是切掉纵轴的右边;然后不要border-top,即切掉横轴的上面,...原创 2019-03-14 15:08:18 · 236 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、...原创 2019-03-14 17:36:46 · 160 阅读 · 0 评论 -
Navigator 对象
Navigator 对象包含有关浏览器的信息,是BOM对象。一、Navigator 对象属性属性 说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值 platform 返回运行...原创 2019-03-14 18:04:48 · 490 阅读 · 0 评论 -
外部引入CSS时的link和@import的区别
页面中使用CSS的方式主要有3种行内添加定义style属性值 页面头部内嵌调用 外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式XML/HTML代码 <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /..原创 2019-03-14 18:22:09 · 269 阅读 · 0 评论 -
margin和padding值为百分数%时的规则
可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)如果没有为元素声明width,在这种情况下,元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式...原创 2019-03-14 18:32:49 · 560 阅读 · 0 评论