小程序CSS入门

小程序样式课程-第1课-样式基础-元素选择器

时间:2018/12/19 23:04:22  作者:互联网  来源:网络转载  查看:2104  评论:2
内容摘要:1.1 元素选择器1.1.1 CSS 元素选择器最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:html {color:black;...

1.1 元素选择器

1.1.1 CSS 元素选择器

最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。

如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 ph1ema,甚至可以是 html 本身:

html {color:black;}

h1 {color:blue;}

h2 {color:silver;}

1.1.2 类型选择器

W3C 标准中,元素选择器又称为类型选择器(type selector)。

“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”

下面的规则匹配文档树中所有 h1 元素:

h1 {font-family: sans-serif;}

 

1.1.3 小程序中的应用

Wxml代码

<view>

  <text>文本</text>

</view>

Wxss代码

/* 元素选择器 */

page{

  background-color:  gainsboro;

}

view{

 background-color:  aliceblue;

}

text{

  background-color:  burlywood; color: red;

}

效果图如下
  小程序样式课程-第1课-样式基础-元素选择器
 


欢迎大家支持我的视频课程:微信小程序样式开发入门 
小程序样式课程-第1课-样式基础-元素选择器


 

相关评论
评论者:      验证码:  点击获取验证码
咨询QQ/微信:45157718 点击这里给我发消息 | 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:杭州摇亿网络科技 | 浙ICP备06056032号-6 |