摘要: CSS【cascading style sheet】:层叠样式表 作用:用于美化网页,还可以进行页面布局 前端三层:结构层(html),样式层(css),行为层(javascript) CSS书写规则 CSS根据在网页中书写位置不同,分为三种:行内样式,内嵌样式,外链样式。 1.0行内样式:任意标签 阅读全文
posted @ 2021-02-17 21:32 tingshu 阅读(55) 评论(0) 推荐(0)
摘要: 1。给每一个范围条绑定【input】事件 2.修改范围条的兄弟元素文本 3.通过js动态修改盒子形态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
posted @ 2021-02-17 16:45 tingshu 阅读(66) 评论(0) 推荐(0)
摘要: 一张图片上有很多小图案,国内称之为‘精灵图’,国外常称之为‘雪碧图’。是一种CSS图像合并技术。 该方法是将小图标和背景图合并到一张图上,然后利用CSS的背景图定位来显示展示的图片部分。 简单说就是,在一张图片中,分割出一部分自己想要的进行展示。 优点:减少加载网页图片对服务器的请求次数; 提高页面 阅读全文
posted @ 2021-02-17 12:52 tingshu 阅读(457) 评论(0) 推荐(0)
摘要: 知识点: border-radius:圆角设置,主要作用是设置匹配标签圆角。 它是CSS3新增的样式,其属性值写法有两种:百分比,属性值单位可以是px像素单位。 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文
posted @ 2021-02-17 11:10 tingshu 阅读(219) 评论(0) 推荐(0)