css
关注
分享
扫一扫
熊小露的blog
有意思的书 | 有意思的人
展开
-
js设置/修改scss中的变量值
js动态修改scss变量值1.scss文件定义变量//--test ：为js操作此变量需要用到的KEY//red: 默认的css属性值$textColor: var(--test, red);2.js中更改$textColor 变量的值//--test ：为js操作此变量需要用到的KEY//blue: 修改后的css属性值document.getElementsByTagName('body')[0].style.setProperty('--test', 'blue');原创 2020-10-13 09:51:06 · 5407 阅读 · 3 评论 -
媒体查询 @media
@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面实例：@media screen and (max-width: 300px) { body { background-color:lightblue; }}...原创 2018-09-22 18:13:12 · 818 阅读 · 0 评论 -
清除浮动的几种方法
浮动产生负作用1.背景颜色不能使用子元素float ，如果父元素设置了background，而父级不能被撑开，所以导致背景颜色不能显示2.边框不能撑开如果父级设置的border,子元素float ，父级不能撑开，导致边框不能随内容而撑开3.margin 、padding 设置值不能正常显示<style> .box{margin: 50px au...原创 2018-09-24 10:26:42 · 301 阅读 · 0 评论 -
CSS三大特性——继承、优先级、和层叠。
继承：即子类元素继承父元素的样式。优先级：是指不同类别样式的权重比较。层叠：是说当数量相同时，通过层叠（后者覆盖前者）的样式。CSS优先级排序：！important > 行内样式 > ID选择器 > 类选择器 > 通配符选择器 > 继承 ...原创 2018-09-18 19:38:37 · 385 阅读 · 0 评论 -
行程助手
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旅游线路推荐_旅游行程安排规划_一键导出行程单 - 穷游行程助手</title> <link rel="stylesheet"原创 2018-05-22 10:36:41 · 9119 阅读 · 2 评论 -
职问.png
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; li原创 2018-04-13 12:07:57 · 2290 阅读 · 0 评论 -
vivo页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; li原创 2018-04-09 23:52:23 · 3410 阅读 · 2 评论 -
学生网
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } body原创 2018-04-08 22:33:03 · 440 阅读 · 0 评论 -
小米静态页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } .header { backg...原创 2018-04-08 22:30:51 · 1106 阅读 · 0 评论