HTML页面和CSS文件

HTML页面和CSS文件,如男人和女人。

每个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页面改变自己的内容,可是她又怎么会愿意做前度的替身呢,又怎么愿意放弃曾今梦想过的美好呢?

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

时间: 2024-08-09 19:53:28

HTML页面和CSS文件的相关文章

在html页面引用css文件的方法

引用CSS文件到Html方法-css引入,css引用 使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率. html引用css方法如下1.直接在div中使用css样式制作div+css网页2.html中使用style自带式3.使用@import引用外部CSS文件4.使用link引用外部CSS文件 推荐此方法 扩展阅读:link与import区别 接下来我们将逐个讲解html引用css方法的例子 1.直接在html标签元素内嵌入c

导入不用的css文件及在不同设备显示不用的html页面

当一个页面对应有多个css样式文件时,我们可以根据地址栏的参数值而导入不同的css文件: function getCss() { var linkNode = document.createElement("link"); linkNode.setAttribute("rel","stylesheet"); linkNode.setAttribute("type","text/css"); if(GetQu

sass调试--页面看到sass文件而不是css文件问题

在浏览器页面有时看到sass文件而不是css文件问题,其主要由于sass开启了source-map(调试)功能,问题如下图: sass调试 sass调试需要开启编译时输出调试信息和浏览器调试功能,两者缺一不可. 开启编译调试信息 目前sass的调试分为两种,一种为开启debug-info,一种为开启sourcemap(这个将成为主流). 如开启的是debug-info,则解析的css文件中会有以@media -sass-debug-info开头的代码,如没有则表明没有开启. 如开启的是sourc

动态为页面添加CSS样式文件引用

动态为页面添加CSS样式文件引用: 1 if (document.createStyleSheet) { //IE 2 document.createStyleSheet("./Themes/Default/MessageTip.css"); 3 } 4 else { //Firefox, Chrome 5 var stylesheet = document.createElement("link"); 6 stylesheet.href = "./The

关于controller返回的页面js文件和css文件404问题的正式解决

谨用此博客记录一下这条卡了两个星期的bug-- 还是之前的问题,通过get方法,后台@Controller返回页面然后弹窗.但是不知道为什么一直所有js文件和css文件都报404-- (之前的博客记录:http://www.cnblogs.com/wangshen31/p/8655044.html) 然后把get方法改成了post方法就解决了!!!然后就先没管.写到了后面,弹窗多了,发现最后在submit操作的时候,发现不知道为什么layui.form的监听submit总是监听到两次submit

laravel 单页面按需加载js/css文件

我们常把公共的header以及footer提炼出来,但是每个子页面的css和js又不相同,如果都写在了父模板里,对不需要的子模板来说是负担,造成不必要的开销,此时就需要按需加载,laravel给我们提供了这样的便利 父模板里 在需要加载 js/css 的位置写入 @stack('backend-register-js') 子模板 @push('backend-register-js') <script> js代码 </script> @endpush ********或者*****

后台修改js或者css文件之后,客户端刷新但是无效的问题

前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题.解决方法: 1)Ctrl+F5,清除浏览器缓存(等同于浏览器-->历史数据-->删除cookies) 2)在js或css后加版本号,这时候浏览器客户端会认为这是不同版本的js或者css文件,会自动重新刷新下载(浏览器会缓存下载页面js和css文件) 2.1)形如:.css?v=x  或者 css?version=x     &l

引用CSS文件到html网页里方法

引用CSS文件到Html方法-css引入,css引用 使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率. html引用css方法如下1.直接在div中使用css样式制作div+css网页2.html中使用style自带式3.使用@import引用外部CSS文件4.使用link引用外部CSS文件 推荐此方法 扩展阅读:link与import区别 接下来我们将逐个讲解html引用css方法的例子 1.直接在html标签元素内嵌入c

将js和css文件装入localStorage加速程序执行

原理如下: 一次批量加要加载的文件存入数组,采用Ajax方式异步载入各个文件,然后采用循环方式逐个执行下载下来的Js或者Css文件,如果已经被缓存(localStorage)的则省略下载过程. 由于JS采用的是单线程模式运行,在执行某一个js时会阻塞其它并发的js执行,所以会按顺序执行各个js.在执行完所有的脚本之后,图片会被浏览器接着 加载,所以第一次加载速度略慢,后面就会比较快了.在JQuery Mobile 1.4.5+FireFox/微信浏览器下实测效果不错,IE就被省略了,我主要是要在