`

男人就像HTML,女人如同CSS【转载】

    博客分类:
  • HTML
 
阅读更多

 

每个HTML都希望自己能呈现给别人亲和的引入注目的感觉,CSS可以帮助HTML实现这样的目的。

虽然没有CSS,HTML也可以自己完成同样的修饰,但是可能会一片混乱,不像有CSS的HTML那样,让内容和修饰分开。

而仅有CSS,很多想要的效果却也无法看出。

 

有一些呈现的布局效果是HTML自身不能实现的,比如CSS里的伪类、组合。就想男人没有女人,也不会体现出他对家的责任,对爱人的关怀。

 

当HTML页面和CSS文件在一起久了,HTML页面里会不断的增加新的东西,CSS文件也会应随着HTML页面不断扩充自己的。但是HTM页面不会逃离CSS文件的内容,它的class还是CSS里面的那些名字;CSS文件也只会为了让HTML页面能更好的呈现,而改变自身的内容。

 

HTML页面以为CSS文件将会永远跟随他,但是他忘了,CSS不仅仅可以支持这个HTML页面,她也可以支持其他的HTML页面,还可以支持XML甚至其他的格式。当有一天,HTML页面不能找到他的CSS文件的时候,他就变得一团混乱,没有生气。人们可能再也不想看这样的一个HTML了。

 

就像很多男人都有例如“有点色”,“有点大男人”等通性一样, HTML也有共同的标签,比如<body>, <div>。CSS可以针对这些共通的特性标签来设置样式,适应每一个HTML页面。因此CSS可以进从一个HTML较快的转到另一个HTML。

 

但是HTML页面却可能没有办法快速的接受另一个CSS文件,因为他不能在她那里找到他想要的那些class。那个CSS文件可能让他的布局看起来很可笑。

而且其实离开的CSS在其他HTML上也不会太好,因为她很多的好看的效果(美好的理想)都没有能够在那个HTML实现出来。

 

除非,HTML页面愿意改变自己的class来对应新的CSS文件, 可是很多时候因为习惯或任性,或者觉得那不是他想要的结果,于是总是不愿意去做改变;或者CSS文件愿意为HTML页面改变自己的内容,可是她又怎么会愿意做前度的替身呢,又怎么愿意放弃曾今梦想过的美好呢?

 

也有时候,因为回忆的美好,总是不肯放下,想着也许有一天还能回到那个时间。就像有时候,总是不愿意删除某些代码,最多只是注释掉, 也许有一天,还会有机会再重新使用它们。

分享到:
评论

相关推荐

    CSS权威指南 css彻底设计研究 HTML5和CSS3实战 HTML5与CSS3设计模式

    本文将深入探讨"CSS权威指南"、"css彻底设计研究"、"HTML5和CSS3实战"以及"HTML5与CSS3设计模式"这四个主题中的关键知识点,帮助读者掌握这些领域的核心概念。 首先,"CSS权威指南"是一本经典教程,它全面地介绍了...

    HTML+CSS+JS实现的下拉菜单源码

    HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单源码HTML+CSS+JS实现的下拉菜单...

    HTML+CSS实现小米官网首页功能.zip

    基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...

    html+css登录页面

    HTML和CSS是构建网页的基本语言,对于创建一个吸引人的、功能完善的登录页面至关重要。"html+css登录页面"这个主题涵盖了如何使用这两种技术来设计和实现登录界面的关键知识点。 首先,HTML(HyperText Markup ...

    html 帮助文档 css3帮助文档 chm

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,而CSS3(Cascading Style Sheets Level 3)则是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。本压缩包包含的“html...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    HTML + CSS 实现淘宝页面首屏静态网页项目练习.zip

    HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面首屏静态网页项目练习 HTML + CSS 实现淘宝页面...

    利用html+css+js设计的仿原神网页.zip

    基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...

    HTML+CSS个人主页设计

    在IT行业中,HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是构建网页内容和样式的基石。这个“HTML+CSS个人主页设计”项目显然旨在教授初学者如何利用这两种技术创建一个完整的个人主页。 ...

    HTML+JS+CSS做的一些页面小游戏源码合集.zip

    HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码...

    简单的个人网页,HTML+CSS

    【HTML+CSS 构建个人网页】 HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是创建网页的基本工具。在这个简单的个人网页项目中,我们利用这两者来实现一个具有动态效果的页面,让浏览者能感受...

    html5+css3+JS代码

    HTML5、CSS3和JavaScript是构建现代网页和应用程序的核心技术,它们共同构成了Web开发的三驾马车。在本篇文章中,我们将深入探讨这三种技术的详细知识点,并结合《精通html5+css3+JavaScript页面设计》这本书中的...

    html+css我的家乡.zip

    HTML和CSS是网页设计的基础,它们共同构成了网页的结构和样式。在这个名为“html+css我的家乡.zip”的压缩包中,包含的项目很显然是一个关于作者家乡的网站设计作业,由六个页面组成,展示了作者对HTML和CSS技术的...

    html+css学生期末考试专用

    在IT行业中,HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是构建网页内容和样式的基石。这两个技术对于任何想要学习Web开发的学生来说都是必须掌握的基础。在这个"html+css学生期末考试专用...

    Head First HTML与CSS 第2版 扫描高清

    当然,即使你没有听说过CSS,也没有什么大不了的——我们不会告诉别人你对CSS的认识还停留在1999年——如果你想在21世纪创建网页,你就必须知道和懂得CSS。《Head First HTML与CSS(第2版)》使你不再顾虑Web—safe...

    html css js学习.zip

    html css js学习html css js学习html css js学习html css js学习 html css js学习html css js学习html css js学习html css js学习 html css js学习html css js学习html css js学习html css js学习 html css js学习...

    漂亮的表格css+html

    "漂亮的表格css+html"这个主题就是关于如何利用HTML和CSS技术来创建吸引人的表格。HTML(超文本标记语言)是网页内容的基础结构,而CSS(层叠样式表)则是用于美化这些结构的工具。以下将详细介绍这两个技术在创建...

    HTML和CSS学习.zip

    HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习HTML和CSS学习 HTML和CSS学习HTML和CSS学习HTML和CSS学习...

    html css js 学习.zip

    html css js 学习html css js 学习html css js 学习html css js 学习 html css js 学习html css js 学习html css js 学习html css js 学习 html css js 学习html css js 学习html css js 学习html css js 学习 html ...

    html+css学习.zip

    html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习html+css学习html+css学习html+css学习html+css学习 html+css学习...

Global site tag (gtag.js) - Google Analytics