当前位置:  编程技术>WEB前端

CSS教程之CSS的应用

    来源: 互联网  发布时间:2014-10-04

    本文导语:    一、In-line 行内    行内样式是在html标签里直接使用style属性     text    设定段落文字红色。    但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。  二、Internal 内部   ...

 

一、In-line 行内 

  行内样式是在html标签里直接使用style属性 

  
text

 
  设定段落文字红色。 
  但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 

二、Internal 内部 

  使用于整个页面的植入内部样式在head标签里面,style标签包围样式。 

  
 
 
 
CSS Example 
 
    p { 

        color: red; 
    } 

    a { 
        color: blue; 
    } 
 
... 
  所有段落文字红色,链接蓝色。 
  像行内样式一样,你应该保持HTML和CSS分离,所以我们只剩下救星。 

三、外部 

  外部样式使用在整个多样页面网站。它是一个独立的CSS文件,像下面一样: 

  
p { 
    color: red; 


a { 
    color: blue; 

  如果上面保存为“web.css”,HTML里面的链接就像下面: 

  
 
 
 
    CSS Example 
     
... 
  后面教程里会讲到其他外联样式的方法,现在已经足够了。 

  从这篇指导里面,我们以后沿着上面的方法实验代码是个好主意,用文本编辑器新建文件,保存为"web.css"在html目录。 

  
 
 
 
    My first web page 
     
 
... 
  保存HTML文件,现在已经链接上CSS,不过现在CSS是空的,没有内容不会改变HTML。当你开始学习CSS,就可以添加代码到CSS文件里,看HTML刷新后的结果。 


    
 
 

您可能感兴趣的文章:

  • CSS规则层叠的应用 css必须要注意的几点
  • div+css详解定位与定位应用
  • 文字应用css滤镜集锦
  • CSS教程之css选择器 、属性、值
  • 彻底弄懂CSS盒子模式系列教程集合
  • DIV+CSS布局教程大全与pdf电子书 下载
  • 非常漂亮的Div+CSS布局入门教程第1/5页
  • CSS网页布局入门教程1:一列固定宽度
  • CSS网页布局入门教程6:左列固定,右列宽度自适应
  • CSS网页布局入门教程3:一列固定宽度居中
  • CSS网页布局入门教程2:一列自适应宽度
  • CSS网页布局入门教程7:二列固定宽度居中
  • CSS网页布局入门教程5:二列宽度自适应
  • CSS制作树状目录教程
  • 动态CSS站点教程:多个页面样式提供浏览者选择
  • bc1998录制的css视频教程推荐新手看下
  • CSS网页布局入门教程14:纵向下拉及多级弹出式菜单
  • CSS入门教程篇
  • CSS网页布局入门教程4:二列固定宽度
  • CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
  • CSS网页布局入门教程8:三列浮动中间列宽度自适应
  • CSS网页布局入门教程10:带当前标识的标签式横向导航
  • CSS网页布局入门教程12:纵向导航菜单
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • CSS代码检查工具 CSS Lint


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3