微信小程序-WXSS学什么

简介: 什么是 WXSS• WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。• WXSS 用来决定 WXML 的组件应该怎么显示。• 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。

什么是 WXSS

  • WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。
  • WXSS 用来决定 WXML 的组件应该怎么显示。
  • 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。


与 CSS 相比,WXSS 扩展的特性有:

  • 尺寸单位
  • 样式导入(这个可以不用学,因为这是历史的产物)


https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html


学习 WXSS 学什么

  • WXSS 具有 CSS 大部分特性,得出一个结论:有的特性是不支持的,例如:只支持部分选择器,所以在企业开发中尽量使用文档中明确的这些选择器来设置样式
  • WXSS 对 CSS 进行了扩充以及修改,得出一个结论:扩充修改了哪些东西?
  • 尺寸单位


wxss 支持的选择器

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

目录
相关文章
|
7月前
|
小程序 前端开发 开发者
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
|
7月前
|
JavaScript 小程序
微信小程序 搜索框实现模糊搜索(带模拟数据,js,wxml,wxss齐全
微信小程序 搜索框实现模糊搜索(带模拟数据,js,wxml,wxss齐全
|
7月前
|
小程序
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
|
7月前
|
小程序 JavaScript 前端开发
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
【微信小程序】--WXML & WXSS & JS 逻辑交互介绍(四)
|
7月前
|
前端开发 小程序
微信小程序中wxss和css的差异
微信小程序中wxss和css的差异
|
JSON 小程序 前端开发
【微信小程序】WXML的模板语法与WXSS模板样式(二)
【微信小程序】WXML的模板语法与WXSS模板样式
126 0
|
小程序 JavaScript 容器
【微信小程序】WXML的模板语法与WXSS模板样式(一)
【微信小程序】WXML的模板语法与WXSS模板样式
89 0
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
664 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
734 1
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
137 7