css小程序开发教程

1. 在小程序中引入CSS文件

/*在app.wxss中引入CSS文件*/@import '../../stylesheets/sample.css';
    /*在.wxml组件中引入CSS文件*/import src="../../stylesheets/sample.wxml" />
    

2. CSS样式设置

/*设置字体大小*/text-size:14px;
    /*设置字体颜色*/color:#ffffff;
    /*设置背景颜色*/background-color:#ffc;
    /*设置边框*/border:1px solid #000;
    /*设置内边距*/padding:10px;
    /*设置外边距*/margin:10px;
    /*设置文本对齐方式*/text-align:center;

3. 使用CSS设置样式类

/*定义一个样式类*/.demo{
    font-size:16px;
    color:#000;
    padding:10px;
}
    /*在.wxml文件中使用样式类*/view class="demo">
    Hello world!/view>

4. 使用CSS设置伪类

/*定义一个链接的伪类样式*/a{
    color:#00f;
    text-decoration:none;
}
/*设置链接的鼠标悬停样式*/a:hover{
    color:#ff0;
    text-decoration:underline;
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！