ionic2怎么写公共css样式

html-css010

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定义只影响当前页面。

另外就是，平

常用的

取消body和ul的margin和padding，设置list-stylle：none，设置整个页面的font-size和font-family，设置a标签的样式，这些是针对标签的。

还有你可以自定义的类例如，清除浮动，左浮动，右浮动什么的都可以写在公共部分

1、既然你都用了byClassName，说明他们都有同一个类名，你直接再css里面改这个类名的样式就行了。2、你要用js修改，你修改的是内联样式，那你只有每一个用for循环来修改。3、或者你可以就写一个新的公共样式，然后for循环给每一个你需要修改样式的标签用setAttribute("class",newClassName)就行了。将新的类名加上去去覆盖之前类的样式