css基础———简介、语法、引用方式
来源:互联网 发布:多伦多大学gpa算法 编辑:程序博客网 时间:2024/06/05 03:49
一:css简介
CSS(Cascading Style Sheets)层叠样式表,web标准中的表现标准语言,在网页中主要对网页信息的显示进行控制,简单说就是修饰网页信息的显示样式。
目前推荐遵循的是W3C发布的CSS3.0
用来表现XHTML或XML等样式文件的计算机语言
1998年5月21日由W3C正式推出的CSS2.0
二:css语法
选择符{属性:属性值;属性:属性值;}
选择符表示要定义的对象,可以是元素本身,也可以是一类元素或者制定名称的元素。
属性是指选择符所具有的属性,他是css的核心,css共有150多种属性
属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。
说明:
1):每个css样式由两部分组成,即选择符和声明,声明又分为属性和属性值。
2):属性必须放在花括号中,属性与属性值用冒号链接,
3):每条声明用分号结束。
4):当一个属性有多个属性值的时候,多个属性值直接不分先后顺序。
5):在书写样式过程中,空格、换行等操作不影响属性显示。
三:样式的创建方式
1.内部样式:
<style type="text/css">
选择符{属性:属性值;}
</style>
规范:内部样式写在head标签内
2.外部样式
1)链接式: <link rel="stylesheet" type="text/css" href="style-1.css">
需要将link写在head内,red:(relation)定义文档关联,这里表示关联样式表
2):导入式
<style type="text/css">
@import url(css/style.css);
</style>
链接式和导入式的区别
<link>
1、属于XHTML
2、加载HTML结构时同时加载CSS文件
3、可以用js控制DOM去改变样式
4、无兼容问题
@import
1、属于CSS2.1
2、加载完HTML结构后再加载CSS文件
3、DOM无法控制
4、只能在IE5以上识别
3.内联样式(嵌入式样式、行内样式、行间样式):<标签 style="属性:属性值;属性:属性值"><标签 />
四:样式表的优先级
行内样式优先级最高,内部样式表和外部样式表的优先级和书写顺序有关,后写的优先级别高。
- css基础———简介、语法、引用方式
- Python基础—简介-变量-基本语法
- CSS3基础——CSS 概述、语法
- 1.CSS基础—介绍及语法
- web学习—css样式表—css基础语法
- CSS——语法
- 第二节 CSS学习——基础语法
- 语法基础——PHP语法基础
- 语法基础——C++语法基础
- CSS——CSS入门语法
- CSS语法——编辑CSS
- C++——引用简介
- C#—基础语法
- java—基础语法
- Linq语法详细——基础语法
- css引用方式
- CSS引用方式
- CSS引用方式
- 软件调试笔记64
- [ActiveMQ]修改默认密码
- 关于单元测试
- Java并发编程:深入剖析ThreadLocal
- hive-行转列列转行
- css基础———简介、语法、引用方式
- oracle数据类型转换
- 线程
- Algorithm之路十二:Integer to Roman
- 第三章 RDD编程
- JavaScript
- JavaScript基础(10.函数与序列化、转义)
- 干货 | 自然语言处理(2)之浅谈向量化与Hash-Trick
- Vxworks内存管理