ionic2怎么写公共css样式

html-css014

ionic2怎么写公共css样式,第1张

1.page.html文件里写ionic提供的控件，比如：ion-header,ion-content, ion-title,ion-toobar,经管如此，有时候满足不了项目的界面，我们需要结合HTML的基本命令来完成设计，比如：div，p， img，a，等。

2.scss使用经验：每个页面都有自己的scss文件，我在使用时，发现几个页面的css定义会影响，就是页面2可以用页面1的css定义造成干扰的现象，后来发现，每个scss文件里有个页面定义，我们只要把当前页面的css定义放在这个页面定义就行，实现了css分离。（）本人刚学习网页编程，一切都在探索中）。示例如下：

age-page3 {

.page {

display: flex

align-items: center

text-align: center

margin: 0 auto

height: 100%

ackground-color: #abaaaa

adding-top: 5px

adding-bottom: 5px

// margin-top: 2px

这个page属性就放在了page-page3的大括号里面，保证了这个css定义只影响当前页面。

另外就是，平

CSS中通过四个伪类来定义链接的样式，分别是：

a:link         链接默认的样式

a:visited    链接已被访问过时的样式

a:hover     鼠标悬浮在链接上的样式

a:active     点击链接时候的样式

一般定义这四种样式的是“LVHA”的顺序来写样式，不然可能出现样式覆盖问题；

定义class样式一般分两种,一种在a标签上，一种在a标签外面，实例如下：

<style type="text/css">LVHA

.aaa a:link{color:redtext-decoration:nonefont-size:14px}

.aaa a:visited{color:yellowtext-decoration:nonefont-size:14px}

.aaa a:hover{color:bluetext-decoration:nonefont-size:14px}

.aaa a:active{color:greentext-decoration:nonefont-size:14px}

</style>

<div class="aaa"><a href="#">在a标签外的标签加class</a></div><br />

 

<style type="text/css">LVHA

a.bbb:link{color:redtext-decoration:nonefont-size:14px}

a.bbb:visited{color:yellowtext-decoration:nonefont-size:14px}

a.bbb:hover{color:bluetext-decoration:nonefont-size:14px}

a.bbb:active{color:greentext-decoration:nonefont-size:14px}

</style>

<a href="#" class="bbb">在a标签加</a>