自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 HTML DOM

HTML DOM 常用方法 方法 描述 getElementById() 返回带有指定 ID 的元素 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组) getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表 appendChild() 把新的子节点添加到指定节点 removeChild() 删除子节点 replaceChild() 替换子节点 insertBefore()

2021-04-20 23:14:35 57

原创 浏览器私有前缀

私有前缀 -moz-:代表firefox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:代表safari、chrome浏览器私有属性 -o-:代表Opera浏览器私有属性 提倡写法 -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; ...

2021-04-15 20:38:50 48

原创 CSS常用类命名规则

头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyrigh

2021-04-09 22:11:15 60

原创 SEO优化

搜索引擎优化(Search Engine Optimization),简称SEO。 创建唯一且准确的网站标题 <title> <title>网站名-网站的介绍</title> 使用 <meta> 元标签 <meta name='description' content='简要说明网站主要是做什么的'> <meta name='keywords' content='关键词1,关键词2,关键词3,关键词4,关键词5,关键词6'> 合理利

2021-04-09 22:05:33 114

原创 网站favicon图标

favicon.ico图标是网站的缩略标志,显示在浏览器标签、地址栏和收藏夹,用于显示网站的logo 1. 制作favicon图标 准备一张长宽一样的图片,转换为ico图标,借助第三方转换网站:http://www.bitbug.net/ 2. favicon图标放到网站根目录下 3. HTML页面引入favicon图标 在html页面里的元素之间引入代码。 <link rel="shortcut icon" href="favicon.ico" /> ...

2021-04-09 16:18:53 161

原创 CSS3选择器

属性选择器 /* 1.简单属性选择 */ input[value] { /* 带有'value'属性的元素 */ ... } input[value][type] { /* 根据多个属性进行选择 */ ... } /* 2.根据具体属性值选择 */ input[type=text] { /* 'type'属性 值='text'的元素 */ ... } /* 3.根据部分属性值选择 */ input[class^=val] { /* 'class'属性 值以'val'开头的元素 */ ...

2021-04-01 17:19:31 41

原创 溢出文字省略号显示

单行文本 /* 强制一行内显示文本 */ white-space: nowrap; /* 超出部分隐藏 */ overflow: hidden; /* 用省略号替代超出部分 */ text-overflow: ellipsis; 多行文本 1.多行文本溢出显示省略号,有较大的兼容问题,适用于webkit浏览器或移动端 overflow: hidden; text-overflow: ellipsis; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限制在一个块元素显示

2021-03-31 23:35:56 39

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除