CSS零基础入门——初识CSS

什么是层叠样式表:

  • CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  • CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。
  • CSS2.1是目前被使用最广泛的版本,而目前还在开发中的CSS3具有更吸引人的特性。

发展历史

1994年哈坤·利在芝加哥的一次会议上第一次提出了CSS的建议。

1995年的www网络会议上CSS又一次被提出,伯特·波斯(Bert Bos)演示了Argo浏览器支持CSS的例子,哈肯也展示了支持CSS的Arena浏览器。

1996年底,CSS初稿已经完成,同年12月,层叠样式表的第一份正式标准(Cascading style Sheets Level 1)完成,成为w3c的推荐标准。

1997年初,W3C组织负责CSS的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了1998年5月出版的CSS规范第二版。

1998年5月,出版了CSS规范第二版。 CSS2.1修改了CSS2中的一些错误,删除了其中不被支持的内容和增加了一些已有的浏览器的扩展内容。

2011年6月7日,CSS 3 Color Module终于发布为W3C Recommendation。CSS3早于1999年已经开始制订,直到2011年6月7日终于发布。

 
提示:
CSS3不是解决CSS2的问题,而是新的标准特性,不是补丁。而且刚才说了,只是建议,浏览器厂商没有义务遵守,就算遵守的了,也需要更新版本逐步完善,就算完善了,也得用户升级才行。而且这是个循序渐进的过程,不是说新的出来旧的就不用了。
不是CSS正式版发布了你才放心使用,如果等到那个时候使用,你的项目可能未曾绽放就枯萎了。
 

样式语法:

  • Selector {property:value}

如何将样式表加入您的网页:

你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅!important声明。

  • 内联方式 Inline Styles

    内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

    示例代码:

    <p style="color:#f00;">这一行的字体颜色将显示为红色</p>
  • 内部样式块对象 Embedding a Style Block

    你可以在你的HTML文档的<head>标记里插入一个<style>块对象。

    示例代码:

    <style> body{background:#fff;color:#000;} p{font-size:14px;} </style>
  • 外部样式表 Linking to a Style Sheet

    你可以先建立外部样式表文件*.css,然后使用HTML的link对象。

    示例代码:

    <link rel="stylesheet" href="*.css" />

相关好文

https://baijiahao.baidu.com/s?id=1614114920758632859&wfr=spider&for=pc

 

猜你喜欢

转载自www.cnblogs.com/yvonne-z/p/10517364.html