2016年CSS的主题是什么?

html-css014

2016年CSS的主题是什么?,第1张

由W3C中国、w3ctech、前端圈联合举办第三届CSS开发者大会将于2016年12月17日在广州天虹宾馆举办。本次大会邀请到了Smashing Magazine创始人兼总编Vitaly Friedman、台湾六角学院负责人廖洧杰、CSS ICON &&underline.js作者Wenting Zhang、微信前端工程师罗正烨、微信UI工程师方潇仪、微信UI工程师倪栩生、阿里巴巴前端技术专家大漠、阿里移动事业群-UC RED设计中心高级前端工程师陈剑鑫等多位知名工程师,从CSS Grid Layout、CSS Design Pattern、Sass、SVG工程化、SVG动画、微信网页重构实践、从矩阵走入 WebGL 世界以及前端技巧大合集等角度和参会者进行精彩分享。

网页主题字体颜色是指body吗?一般写网页都要在body里写上网页的整体字体颜色,然后根据里面不同的地方的要求不同再另外设置或者覆盖,如果是这样的结构:

<body>

主题颜色为黑

<div class="zt">内部颜色是红</div>

</body>

那么css可以这样写:

body{ color:#000}

.zt{ color:red}

如果你说的html结构是这样:

<div class="zt">主题颜色为黑 <p>内部颜色是红</p></div>

那么css这样写就可以

.zt{ color:#000}

.zt p{ color:red}

总结

在切换主题时,修改html的theme属性值,那么由于style里面设置的属性选择器,变量值会根据html的theme进行设置。理解成每种主题都是一个模块,利用theme设置了命名空间一样。

document.documentElement.setAttribute('theme', 'dark')