【牛腩新闻发布系统】——CSS

来源:互联网 发布:大学生java培训机构 编辑:程序博客网 时间:2024/03/29 22:51

前言:

       CSS必备基础知识:HTML在上一篇博客中讲了,接下来我们学习下CSS的相关内容

正文:

    什么是CCS
      官方解释:

        层叠样式表:Cascading Style Sheets是一种用来表现HTML等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版刑诉级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力

       个人简单总结:

        CSS是一种能够静态或动态地对网页中元素排版字体字号等样式进行编辑

    CSS的目的:

            主要是为了让样式和内容分离

   CSS主要通过什么联系内容与样式呢?

             通过CSS选择器:ID选择器 > 类选择器 > HTML标签选择器

             ID选择器:在某些方面ID选择器类似于类选择器,不过也有些重要差别。首先在语法上:ID选择器前面必须有一个#号;其次ID选择器不引用class属性的值

                Demo

                .CSS文件中内容


                .aspx文件中的内容


                运行结果:




                       CSS类选择器:类选择器允许以一种独立于文档元素的方式来制定样式,该选择器可以单独使用,也可以以其他元素结合使用。但只有在适当地标记文档后,才能使用这些选择器    。为了将类选择器的样式与元素关联,必须将class指定为一个适当的值。

             Demo    

              .CSS文件中内容 


              .aspx文件中的内容


       运行效果:




  ●标签选择器如:p td tr h1 h2 span a   标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式。因为很简单,所以在这里就不赘述了,大家到时候自己体会下就明白了

              

CSS核心内容:  

  

标准流:

盒子模型:

浮动:

 设置浮动:

 清除浮动:

定位:     

绝对定位:

相对定位:没有脱离标准流








原创粉丝点击