CSS样式表学习一
来源:互联网 发布:linux应用软件开发 编辑:程序博客网 时间:2024/05/30 23:02
1. 定义样式
1.1 按html标签定义
例如:body{background-color:#999999; text-align:center}
1.2 按类定义
例如:.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 按id定义
例如:#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSS的位置和引用
可以把样式定义在css文件中,然后,在html文件中引用;也可以把样式定义直接放在style标签中。
(1)直接把样式定义放在<style></style>中。
<style>body{background-color:#999999; text-align:center}</style>
(2)在html文件引用css文件
<link href="style.css" type="text/css" rel="stylesheet"/>
3. 使用CSS样式定义
根据三种定义方法,有三种使用方法
(1)使用html标签定义时,不需要对html代码做任何修改,相应标签会自动呈现样式表定义效果
(2)使用类定义时,html标签增加class属性,属性值设定为需要的样式
<div class="style1">我是一个div, 用class引用样式</div>
(3)使用id定义时,需要把html标签id属性值设定为样式名称。
<div id="style2">我是一个div, 用id引用样式</div>
- CSS样式表学习一
- css样式学习笔记一
- CSS样式表学习
- CSS(层叠样式表)学习笔记(一)
- web学习—css样式表—应用(一)
- css 层叠样式表(一)
- bootstrap学习总结-css样式设计(一)
- bootstrap学习总结-css样式设计(一)
- CSS样式表学习笔记
- CSS样式表的学习
- CSS层叠样式表学习
- web学习—css样式表—css属性(一)
- web学习—css样式表—css语法(一)
- css学习之----CSS样式大全(一)
- 【CSS笔记一】开始学习CSS,为网页添加样式
- CSS 中文字体样式表(表一)
- CSS层叠样式表(一)
- CSS(一)— 样式表入门
- res
- 时间复杂度
- DOS创建加密的文件夹
- CERL2 系列1: Hello,CERL2!纤程!
- 我的专业
- CSS样式表学习一
- 循序渐进实现仿QQ界面(一):园角矩形与双缓冲贴图窗口
- C++箴言:理解typename的两个含义
- googletest {console 字体颜色}
- 第一个疑问:8086CPU
- 招聘带来的Silverlight团队技能指标
- 大费周折--从待机恢复时取消提示密码--windows 编程
- googletest {全局变量的作用}
- 给老总的信