HTML && CSS 学习笔记(1)CSS(关键词:CSS/样式表/style)
来源:互联网 发布:nginx location server 编辑:程序博客网 时间:2024/05/24 01:40
如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
举例:
<html><head><style type="text/css">h1 {color: red} <!-- 此处的含义是,下方<h1></h1>内的header 1为红色 -->p {color: blue}</style></head><body><h1>header 1</h1><p>A paragraph.</p></body></html>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过
<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">This is a paragraph</p>
参考文献:
1.HTML CSS。
阅读全文
0 0
- HTML && CSS 学习笔记(1)CSS(关键词:CSS/样式表/style)
- HTML && CSS 学习笔记(3)CSS(关键词:CSS/基础语法)
- css (Cascading style sheet)样式表
- Css 样式学习笔记(1)
- HTML && CSS 学习笔记(4)HTML <span> 标签(关键词:HTML/span)
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)
- HTML && CSS 学习笔记(2)超文本(关键词:HTML/超文本/超链接/锚/anchor)
- HTML && CSS 学习笔记(5)div、class(关键词:html/div/class)
- HTML+CSS+Javascript学习笔记(1)
- html+css初步学习笔记(1)
- 层叠样式表 CSS 学习笔记 (1)
- jQuery动态设置样式(style、css)
- CSS样式表学习笔记
- html的<style>样式:css入门
- CSS 样式表小结 CSS (Cascading style sheets)学完就可以写样式了
- 笔记 - 10.3、HTML - CSS样式笔记1
- CSS样式学习笔记
- CSS样式学习笔记
- 关于java里 return的接收
- 把带符号的二进制数据(10进制显示) 来 换成十进制的数据
- PHPStorm 常用功能设置
- 进制
- Servlet之用户登录过程实现
- HTML && CSS 学习笔记(1)CSS(关键词:CSS/样式表/style)
- Python-OpenCV人脸检测
- vcf_DataStructure_v1.0
- 全国邮政编码规律,及正则表达式
- JAVA环境变量JAVA_HOME、CLASSPATH、PATH配置说明
- CS231n-assignment1
- 面向对象-简单抽象类 abstract 关键字
- C++中printf、sprintf等函数读写64位字节数据类型
- 蓝桥杯:特殊回文数