CSS样式表
来源:互联网 发布:解方程 计算机算法 编辑:程序博客网 时间:2024/06/08 03:16
CSS是W3C协会制定的弥补HTML在显示属性设定上的不足的一套扩展样式标准。如重新定义文字的重叠,定位等,对页面的美化设计上贡献巨大。 CSS样式表格式包括:选择符,属性,属性值。 1.选择符:又称为选择器,对HTML语言标记进行控制 2.属性:主要包括字体属性,文本属性,背景,布局,边界属性等 3.属性值:属性与属性值以:隔开,多个属性之间以;隔开
一:选择器
1.标记选择器:图像标记,超链接标记,表格标记
eg:定义超链接的字体和颜色
<style> a{ font-size:9px; color:#F93; }</style>
2.类别选择器:以“.”开头,应用时只需使用class属性来声明即可
3.id选择器:与类别选择器类似,以“#”开头,不同点:只能被使用一次
eg: one为类别选择器,ooo为id选择器
<style> .one{ font-size:24px; color:red; } #ooo{ font-size:20px; color:blue; } </style>
显示效果如下:
二,在页面中包含CSS
包括行内样式,内嵌式和链接式
1.行内样式:直接定义在HTML内,通过style属性设置,优点:令初学者易接受;缺点:灵活性不强
<h2 style="font-size:32px;color:green;">行内样式测试</h2>
2.内嵌式:前面用到的就是内嵌式,在页面内使用标记;优点:能够使页面更加规整,便于维护;缺点:没有行内标记表现得直接
<style> .one{ font-size:24px; color:red; }
3.链接式:最常用,将CSS样式定义在一个单独的文件中,在HTML中通过标记引用,最为有效;
link语法结构如下:
<link rel='stylesheet' href='path' type='text/css' >
其中,rel定义外部文档和调用文档间的关系,href表示CSS样式的绝对或相对路径,type表示外部文件的MIME类型,一般为text/css。
阅读全文
1 0
- css样式表、css选择器
- CSS样式表范例
- 层叠样式表(CSS)
- CSS样式表学习
- css(样式表)
- CSS样式表范例
- 关于CSS样式表
- CSS--层叠样式表
- css样式表简介
- CSS样式表
- css样式表规划
- CSS样式表 HTML
- CSS样式表
- CSS样式表基础
- Css条件样式表
- CSS样式表入门
- CSS样式表重置
- css,级联样式表
- gulp压缩js/less(css)
- java数据类型
- 命令者模式(使用较少)
- c++ list, vector, map, set 区别与用法比较
- Coursera吴恩达机器学习课程 编程作业
- CSS样式表
- H5游戏的螺旋上升的发展历程
- 谷歌中文开发文档
- celery message priority
- anaconda使用总结
- openssl工具
- 百度的分词方法(原出处file:///C:/Documents and Settings/guofang_1/%E6%A1%8C%E9%9D%A2/%E7%99%BE%E5%BA%A6%E7)
- c++ 指针,char*[]c,char**cp[],char***cpp
- Spring Date类注入