web前端开发的点点滴滴---3.CSS介绍
来源:互联网 发布:windows任务栏不见了 编辑:程序博客网 时间:2024/04/26 03:27
CSS介绍
CSS即层叠样式表(Cascading Style Sheets),HTML中使用它进行页面排版、字体、颜色设置等。
CSS分为3种类,分别为外联样式、内联样式、行内样式。
外联样式
外联样式是将样式写在另外后缀名为css的单独文件中的样式,通过CSS选择器对HTML页面中特定的元素集合赋予样式。
外联样式通过以下代码在HTML页面中引用:
<link rel="stylesheet" type="text/css" href="demo.css" />
或者另外一种不常用的方法(这种方法会先把页面加载好,所以样式还没加载好时页面的布局会被破坏):
<style type="text/css">@import url(demo.css) </style>
demo.css文件内容:
body { /*CSS标签选择器,选择body标签*/ /*设置页面默认字体为18px*/ font-size:18px; /*设置页面默认字体颜色为灰色*/ color: #666;}
内联样式
内联样式是将样式写在HTML页面中的style标签里的样式,如下:
<style type="text/css">body { /*CSS标签选择器,选择body标签*/ /*设置页面默认字体为18px*/ font-size:18px; /*设置页面默认字体颜色为灰色*/ color: #666;}</style>
行内样式
行内样式是将样式写在普通的html标签的style属性里样式,如下:
<!-- 设置此div中的文字大小为18px,颜色为红色 --><div style="font-size:18px;color:red;">测试测试</div>
0 0
- web前端开发的点点滴滴---3.CSS介绍
- web前端开发的点点滴滴---4.CSS选择器
- web前端开发的点点滴滴---1.HTML介绍
- web前端开发的点点滴滴---2.HTML的DOCTYPE
- web前端开发之Css
- web开发点点滴滴
- web前端开发语言介绍
- web前端开发分享-css,js 不错的书籍
- WEB前端CSS框架“垒砖”介绍
- 3. web前端开发分享-css,js提高篇
- 3. web前端开发分享-css,js提高篇
- 3. web前端开发分享-css,js提高篇
- 大前端路上的点点滴滴
- web前端开发测验之css部分
- web前端开发测验之css部分
- 20150726 Web前端开发基础html+css
- Web前端开发规范文档(css/javascript)
- web前端开发分享-css,js
- 潘鹏整理WPF(4)工具提示ToolTip&&Popup
- 不含数据库的登录实现
- PCB-从零开始
- 病毒查杀
- Balanced Binary Tree
- web前端开发的点点滴滴---3.CSS介绍
- JAVA中堆和栈的区别
- OCPV13.02-663
- 各阶段评审和同行评审介绍
- 最小生成树 POJ 3625Building Roads解题报告
- 计算机等级考试-三级网络和二级C-查漏补缺
- windows无法用java API操作虚拟机上的HBase 的解决方案
- objective - 在LLDB中的调用
- MFC中自定义类访问主对话框控件