|
|
1、 css是什么，有什么用，
css指的是层叠样式表，Cascading Style Sheets。解决是内容与表现相分离的问题
2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型的，而现在我们用css来设置，每一个标签都有自己的属性，于是我们用p标签，或者其他标签的属性style来设置字体的颜色大小类型：例子如下所示
<p style="color:red; font-size:24px; font-family:'微软雅黑'">你好</p>
3、style样式写在哪里？各个写法有的优缺点
根据写在哪里，把style分为三类
行内样式： 例：<p style="color:red; font-size:24px; font-family:'微软雅黑'">你好</p>
好处：是能直接改，优先级也是最高，对于单个不重复页面处理容易，易于理解。
缺点： 当页面重复使用一种类型的style时，容易造成冗余，后期代码量大，不易于维护。
内部样式： 实现了内容与表现相分离
例： <style>
p{ color:red;}
</style>
好处：实现了内容与表现相分离，解决了内部样式出现的冗余的问题
缺点：当页面较多，且用到同一种样式的时候，会造成冗余
外部样式：用单独的css文件表示，然后再在内部引用，即首先在css文件下新建一个css文件，用来放样式，然后在html或者是要展示的文件下引用样式： <link rel="stylesheet" href="css的目录地址">
例：文件demo.css下有 p{ color:red;}
在文件index.html的body上下都可以，引用 <link rel="stylesheet" href="demo.css"> 即可
好处：实现css的单个话，便于所用的要用的样式用
缺点：几乎没有，除了引用复杂，每一种类型的样式都有他们独特的好处
4、如果都作用在同一个样式下的三种样式，css的优先级为： 行内样式>内部样式>外部样式
程序猿的技术大观园：www.javathinker.net
|
|
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → CSS的style样式的三种用法
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密