html/css学习零星笔记(一)——如何使用样式
2015-10-28 10:22
761 查看
当浏览器读到一个样式表,它就会按照这个样式表对文档进行格式化,有三种插入样式表的方法,分别对应着三种情况。
第一种使用外部样式
当样式需要被应用到很多页面时,外部样式是很好的选择。
第二种使用内部样式
当单个文件需要特别的样式时,就可以使用内部样式表。在<head>标签内定义样式。
第三种使用内联样式
第一种使用外部样式
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
当样式需要被应用到很多页面时,外部样式是很好的选择。
第二种使用内部样式
<head> <style type="text/css"> body{background-color:red} p{margin-left:20px} </style> </head>
当单个文件需要特别的样式时,就可以使用内部样式表。在<head>标签内定义样式。
第三种使用内联样式
<p style="color:red; margin-left:20px"> This is a paragraph. </p>当这是个别元素需要特殊的样式时,就可以使用内联样式,在相关的标签中使用样式属性,样式属性包含任何css属性。
相关文章推荐
- CSS的学习
- CSS定位属性之间的相互作用
- css美化压缩工具
- 史上最全CSS Hack方式一览
- css3结构性伪类选择器
- css3属性选择器
- CSS3实现精美的纸张折角效果
- CSS3实现精美的纸张折角效果
- CSS3之文本阴影text-shadow
- css3 @font-face设置嵌入字体
- CSS3文本超出容器显示省略号之text-overflow属性
- CSS3线性渐变和径向渐变
- PagerSlidingTab定制自己的样式
- CSS3边框图片属性---border-image
- css中的选择器
- 10月27日 css学习笔记
- 用js或者CSS实现鼠标指向图片时放大
- Activity使用Dialog样式导致点击空白处自动关闭的问题
- CSS 属性behavior
- css基础知识