随笔分类 -  html.css

1
DOM的构建与优化
摘要：一、构建模块 HTML描述了一个页面的结构。浏览器会将它转换成一种他们能够理解的格式——文档对象模型（DOM）,浏览器引擎有一段特殊的代码叫做解析器，将数据从一种格式转换成另外一种格式。 一个HTML解析器能将数据从HTML转换成DOM。 DOM扮演着两种角色，HTML文档的对象表示，也充当着外界和 阅读全文
posted @ 2018-08-16 14:59 雪昀 阅读(508) 评论(0) 推荐(0)
Git 新建仓库
该文被密码保护。
posted @ 2017-09-01 18:01 雪昀
前端总结（一）
摘要：一、<!doctype html> 这是一种声明，是html5 标准网页声明，意思为文档类型为超文本标记性语言或超文本链接标识语言，此标签可告知浏览器文档使用哪种html 或xhtml 规范。 html5 之前这个标签可以声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。 1 阅读全文
posted @ 2017-02-27 13:59 雪昀 阅读(179) 评论(0) 推荐(0)
css 中的伪类选择器before 与after
摘要：.cf:after，.cf:before {content: " "; display: table;} .cf:after {clear: both;} ：before是因为table类型能生成独立的bfc，防止上边距塌陷， ：after负责清除浮动，防止父级高度塌陷；配合使用，代码少，效率高。 阅读全文
posted @ 2017-02-20 09:43 雪昀 阅读(1370) 评论(0) 推荐(0)
web页面的回流，认识与避免
摘要：一、什么是回流？ 回流是会导致页面重新渲染的一些元素，从而影响性能。 二、哪些因素会导致回流？ 1、调整窗口的大小； 2、改变字体，如果用rem 设置了根目录的字体大小，这样就减少了回流的次数； 3、增加或者移除样式表； 4、内容的变化，用户在input中输入了文字（这是不可避免的）； 5、激活CS 阅读全文
posted @ 2016-11-21 14:27 雪昀 阅读(2527) 评论(0) 推荐(0)
css中的选择器
摘要：识别器:#id 类:.class 标签：div 相邻兄弟选择器：a + i 父类选择器：ul> li 通用选择器：* 属性选择：input[type="text"] 伪类和伪元素：a:hover 阅读全文
posted @ 2016-07-11 15:13 雪昀 阅读(201) 评论(0) 推荐(0)
关于谷歌浏览器默认字体12px的解决方案
摘要：1、 * Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决. 超链接访问过后hover样式就不出现了 被点击访问过的超链接样式不在具有hover和active了解决方法是改 阅读全文
posted @ 2016-02-15 18:09 雪昀 阅读(348) 评论(0) 推荐(0)
!important的用法（IE6 兼容的解决方法）
摘要：我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码： 虽然元素的style中有testClass类的定义，但是在上面的css定义中的用!important限定的定义却是优先级 阅读全文
posted @ 2016-01-25 09:45 雪昀 阅读(1058) 评论(0) 推荐(0)
学习html5 中的canvas（一）
摘要：1、canvas画直线 阅读全文
posted @ 2016-01-08 15:17 雪昀 阅读(242) 评论(0) 推荐(0)
css3中我们不知道的一些属性
摘要：1、图片作为边框：border-image; 2、圆角问题：border-radius:上、下、左、右； 3、字体的阴影与自动换行： 4、旋转 5、过渡 阅读全文
posted @ 2016-01-06 17:40 雪昀 阅读(282) 评论(0) 推荐(0)
css3的渐变效果
摘要：1、css3 渐变的属性 例子： 效果： 阅读全文
posted @ 2016-01-06 16:32 雪昀 阅读(199) 评论(0) 推荐(0)
css3中animation的应用
摘要：1、css3 的相关属性： 相关代码： 运动的参数（百分比表示运动的进度） 阅读全文
posted @ 2016-01-06 16:05 雪昀 阅读(334) 评论(0) 推荐(0)
关于animate的一些属性
摘要：animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "tn=44039180_cpr&fenlei=mv 阅读全文
posted @ 2015-11-30 09:27 雪昀 阅读(1863) 评论(0) 推荐(0)
ie的兼容方法，条件注释的方法
摘要：1、终极方法：条件注释<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]--><!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]--><!--[if gt IE 6]> 这段文字仅显示在 IE6以上版 阅读全文
posted @ 2015-11-26 14:04 雪昀 阅读(369) 评论(0) 推荐(0)
html的书写规范，有哪些注意点
摘要：1、最开始的声明格式与编码格式，注意html5与和html4.0的区别，注意对不同浏览器的渲染作用； 2、<head></head>标签中的相关内容的编写； 3、确保引入的jquery.js文件是压缩后的文件，也就是min.js; 4、所有标签必须是闭合标签，比如<br/><hr/>等； 5、尽量使 阅读全文
posted @ 2015-11-26 10:47 雪昀 阅读(564) 评论(0) 推荐(0)
怎么整合小图标，组合到一张png里面
摘要：1、将切出来的图片，一个个打开，用动工具组合到新的图片中； 2、将新建的图片，背景选为透明，保存为png格式； 3、通过css的background-position属性设置元素的背景图片。 阅读全文
posted @ 2015-11-25 16:01 雪昀 阅读(583) 评论(0) 推荐(0)
ie8的圆角问题
摘要：pie.js的引用 1、在你的网页加载 PIE.js 脚本。 注意，用IE专用的注释，防止非IE浏览器下载。 <!--[if lt IE 10]> <script type="text/javascript" src="PIE.js"></script> <![endif]--> 2、用js 调用： 阅读全文
posted @ 2015-11-24 18:10 雪昀 阅读(1379) 评论(1) 推荐(0)
css的书写规范，有哪些注意点
摘要：一、框架为先，细节次之。 先写一些浮动，然后高与宽，然后再是细节方面的书写。 比如写一个浮动容器的样式，我们应该先让这个容器的框架被渲染出来，让大家看到基本的 网站框架。然后再再去渲染容器里面的内容。最终呈现给用户. 通常像 color font padding 之类的，写在后面。 .selecto 阅读全文
posted @ 2015-11-24 13:43 雪昀 阅读(874) 评论(0) 推荐(0)
javascript:;用法集锦
摘要：如果是个# ，就会出现跳到顶部的情况,个人收藏的几种解决方法：1： 2： 3： 4： 5：(好像在FF中不能显示) 阅读全文
posted @ 2015-11-17 15:34 雪昀 阅读(775) 评论(0) 推荐(0)
学习点1：可选择的复选框
摘要：无标题文档 单选一 阅读全文
posted @ 2015-11-17 09:44 雪昀 阅读(184) 评论(0) 推荐(0)

1