CSS初始

    不仅在牛腩新闻发布系统中不断地运用着CSS,并且在北大青鸟中也在不断地重复上演着相同的故事,到底这是一个什么样的东西呢?下面我们就来揭开这层神秘的面。
      

    l  什么是CSS?

    ²  定义

    CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示HTML 元素,样式通常存储在样式表中;主要的特点是:解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中。

    ²  那么如何实现内容与表现的分离呢?

    我们可以新建一个样式表,在相应的HTML文件中添加相应的标签,那么就可以实现相应的样式设计之后将生成的样式表,之后将其拖进相应的HTML中即可。如下图


   所有的设计都只需要在CSS文件实现即可

   样式设计遵循Css选择器的优先级,主要分为ID选择器,类选择题以及其他的HTML标签选择器,其中他们的优先级是ID选择器>类选择题>HTML标签选择器。



   多个类的选择与在网页中写的顺序无关,而与其在css样式中排列的顺序有关,总是执行最后一个颜色值。

比如



    但是样式中设计如下:



    总是执行最后一个颜色值,也就是最后的一个设计样式。

 

    ²  核心内容

    核心内容包括标准流、盒子模型、浮动以及定   位,http://blog.csdn.net/u010955843/article/details/41412025

   大致讲述了前三个,那么定位又是什么呢?

     Ø  分为绝对定位和相对定位

    相对定位不脱离标准流;但是绝对定位是脱离标准流的。

    同样对于栏目二设计之后的前后对照,前者是相对定位,后者是绝对定位。

    一、



    二、


    本来按顺序排列的在绝对定位之后变成了栏目二在最前面了

    ²  作用

    利用CSS可以设计的样式很多,CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,你也可以定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后,以及向某些选择器添加特殊的效果,比如链接。

    这些作用可以自己去尝试,给大家一个网站,讲述的CSS,有例子,很详细。http://www.w3school.com.cn/css/index.asp



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值