山茶花llia - 博客园

2018年10月26日

摘要： DOM： DOM 全称是 Document Object Model，也就是文档对象模型。 DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树（阅读全文

posted @ 2018-10-26 14:57 山茶花llia 阅读(2371) 评论(0) 推荐(2) 编辑

js的正则表达式的替换

摘要： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <script> var str='Paul,Paula,paul,Ppaul,Paul';//字符串 var 阅读全文

posted @ 2018-10-26 14:39 山茶花llia 阅读(2242) 评论(0) 推荐(0) 编辑

2018年10月21日

js中BOM与DOM的概念与区别

摘要： 1、BOM 浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对阅读全文

posted @ 2018-10-21 20:15 山茶花llia 阅读(169) 评论(0) 推荐(0) 编辑

2018年10月14日

css单位分析、颜色设置与调色板

摘要： CSS单位分析 px:单位代表像素，1px代表一个像素点。 %：设置子元素为父容器的占比。 em：代表该元素中一个字体所占字符，常用在文字首行缩进。其具有继承性。 rem：始终代表html中的字符所在位置。 vm:1vm代表占据视窗宽度的百分之1. vh：1vh代表占据视窗高度的百分之1. vmax 阅读全文

posted @ 2018-10-14 15:58 山茶花llia 阅读(204) 评论(0) 推荐(0) 编辑

css中伪类与伪元素的区别

摘要：一：伪类：1:定义：css伪类用于向某些选择器添加特殊效果。伪类其实与普通的css类相类似，可以为已有的元素添加样式，但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式，所以将其称为伪类。 2:伪类选择器有哪些:1）:link向未被访问的链接添加样式（链接，看来是只用于<a>）2）: 阅读全文

posted @ 2018-10-14 15:49 山茶花llia 阅读(331) 评论(0) 推荐(0) 编辑

2018年9月28日

flexbox与grid layout的区别

摘要： flexbox是一种针对一维的局部布局，以轴为核心的弹性布局。 grid layout是二维的更加全面的网格布局，阅读全文

posted @ 2018-09-28 10:54 山茶花llia 阅读(219) 评论(0) 推荐(0) 编辑

grid的简单使用

摘要： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>grid的简单使用</title><link href="style.css" rel="stylesheet" type="text/css"></head><body> <div cl 阅读全文

posted @ 2018-09-28 09:14 山茶花llia 阅读(274) 评论(0) 推荐(0) 编辑

position属性的总结

摘要： static 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。 relative 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 "left:20" 会将元素移阅读全文

posted @ 2018-09-28 08:33 山茶花llia 阅读(140) 评论(0) 推荐(0) 编辑

山茶花

公告