- 博客(24)
- 收藏
- 关注
RSS订阅原创 网站logo,seo优化
1、logo里面首先放一个h1标签，为了提高权重，告诉搜索引擎这个地方很重要。2、h1里边再放一个a链接，可以返回首页的，为这个a链接设置背景图片。3、a链接里边放网站名称，并且设置这个名称不展示出来。可以设置font-szie:0；或者是text-indent:-9999;3、a链接里边添加title属性，鼠标放到logo上，就可以显示title里面的文字。
2025-03-20 17:57:03
144
原创 网站TDK三大标签SEO优化
keywords是页面关键词，是搜索引擎的关注点之一。keywords 最好限制为6～8 个关键词，关键词之间用英文逗号隔开，采用关键词1,关键词2 的形式。title：非常重要，具有不可替代性，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。建议：网站名（产品名）- 网站的介绍（尽量不要超过30个汉字）description 作为网站的总体业务和主题概括，多采用“我们是…1、title网站标题。 2、description网站说明。3、keywords 关键字。
2025-03-20 17:06:34
199
原创 CSS3过渡效果transition
运动曲线：默认是ease，可以省略不写。linear匀速，ease逐渐慢下来，ease-in加速，ease-out减速，ease-in-out先加速再减速。属性：宽度，高度，背景颜色，内外边距都可以。如果想要所有的属性都变化过渡，写一个all 就可以。transition：过渡动画，从一个状态渐渐过渡到另一个状态，经常和:hover一起搭配使用。/* 如果想要多个属性都变化，属性写all就可以 */可以设置延迟触发时间，默认是0s，可以省略不写。可以是1s，或0.5s，或.5s。花费时间：单位是秒，
2025-03-20 15:37:40
206
原创 CSS3盒子模型
1、设置一个width200，height200，border为20，padding为15的div，因为设置了border和padding，所以div的宽度最终变成270，为了保证div的宽度不变，之前的做法是减少width，将width设置为130。设置box-sizing:conten-box，盒子大小为width+border+padding，即为270。通过box-sizing来指定盒模型，有2个值，content-box、border-box。
2025-03-19 23:11:57
249
原创 CSS3新增属性伪元素选择器before和after
语法：element::before {} element::after {}直接给before内容设置宽高是不生效的，因为是行内元素，以下设置为行内块元素了。::before 在元素内部的前面插入内容。::after 在元素内部的后面插入内容。
2025-03-19 16:51:32
265
原创 CSS3新增结构伪类选择器
nth-child 会把所有的盒子都排列序号，执行的时候先看 :nth-child(1)即选择的是第几个孩子，然后再去匹配前面的div，section中第一个孩子是p，不符合条件，不展示红色效果。nth-of-type 会把指定元素的盒子排列序号，先去找到div，然后找到div的第一个孩子。如果n是公式，从0开始，每次加1往后计算，这里面必须是n不能是其他的字母。3、E:nth-child(n) 匹配父元素中第n个子元素E。6、E:nth-of-type(n) 指定类型E的第n个。-n+3，选择前3个。
2025-03-19 16:27:02
307
原创 CSS3新增的属性选择器
属性选择器可以根据特定属性来选择元素。1、E[att] 选择具有att属性的E元素 2、E[att="val"] 选择具有att属性并且属性值等于val的E元素。3、E[att^="val"] 匹配具有att属性且值以val开头的E元素。4、E[att$="val"] 匹配具有att属性且值以val结尾的E元素。5、E[att*="val"] 匹配具有att属性且值中含有val的E元素。1、E[att] 选择具有att属性的E元素。注意：^或$或*后面可以加双引号也可以不加。
2025-03-19 11:38:49
378
原创 HTML5新增表单属性
1、required：必填项，表示内容不能为空。2、placeholder：表单提示信息，如果有默认值则不展示。3、autofocus：光标自动聚焦。4、autocomplete：自动完成，显示浏览器之前输入过的值，默认是on，一般可设置为关闭即为off，需要放在表单内，必须加上name属性。
2025-03-18 22:44:42
163
原创 HTML5新增input类型
email：邮箱url：网址date：日期time：时间month：月份week：周number：数量tel：手机号码search：搜索color：颜色。
2025-03-17 23:23:32
188
原创 HTML5新增的视频标签
poster：加载等待播放的画面图片（网速过快，可能一闪而过，去掉自动播放属性可看见该图片）muted：静音播放（谷歌浏览器需要添加muted来解决自动播放的问题）height：设置播放器的高度。width：设置播放器的宽度。autoplay：自动播放。controls：播放控件。src：视频播放地址。
2025-03-17 22:51:41
205
原创 HTML5新增的语义化标签有哪些？
（3）在IE9中，需要把这些元素转换为块级元素。（1）语义化标签主要是针对搜索引擎的。<section>定义文档某个区域。（2）这些新标签页面中可是使用多次。（4）移动端更喜欢使用这些标签。<artical>内容标签。<header>头部标签。<aside>侧边栏标签。<footer>尾部标签。
2025-03-14 18:25:38
195
原创 如何让多行文本溢出显示省略号？
1、溢出的部分隐藏起来 overflow: hidden;2、文字溢出，用省略号代替 text-overflow: ellipsis;3、弹性伸缩盒子模型显示 display: -webkit-box;4、限制在一个块元素显示的文本的行数 -webkit-line-clamp: 3;意思是第三行显示省略号。5、伸缩盒对象的子元素的排列方式 -webkit-box-orient: vertical;
2025-03-12 22:31:12
156
原创 vertical-align 属性应用?
CSS 的vertical-align 属性用于设置一个元素的垂直对齐方式，只针对行内元素或行内块元素。1、baseline：元素放置在父元素的基线上。2、top：元素的顶端与行内最高元素的顶端对齐。3、middle：中部对齐。4、bottom：底部对齐。
2025-03-12 18:36:04
127
原创 精灵图（sprites）的使用?
（1）精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。（3）移动背景图片位置，此时可以使用background-position。（4）移动的距离就是这个目标图片的x和y坐标。注意网页中的坐标有所不同。（6）使用精灵图的时候需要精确测量，每个小背景图片的大小和位置。（2）这个大图片也称为sprites 精灵图 或者雪碧图。（5）因为一般情况下都是往上往左移动，所以数值是负值。
2025-03-11 21:36:45
184
原创 元素的显示与隐藏有哪几种方案？
不显示超过对象尺寸的内容，超出的部分隐藏掉。溢出的部分显示滚动条 ，不溢出也显示滚动条。溢出的时候才显示滚动条，不溢出不显示滚动条。2、visibility 属性用于指定一个元素应可见还是隐藏。注意：visibility 隐藏元素后，继续占有原来的位置。注：display隐藏元素后不在占有原来的位置。
2025-03-11 20:46:42
154
原创 Module build failed: Error: `sass-loader` requires `node-sass` ＞=4. Please install a compatible vers
`sass-loader` requires `node-sass` >=4.
2025-02-21 16:01:25
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人