100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css高级复杂选择器 是不是可以放弃前端这个方向了 – CSS – 前端 input 选中状态 css

css高级复杂选择器 是不是可以放弃前端这个方向了 – CSS – 前端 input 选中状态 css

时间:2020-03-14 12:25:47

相关推荐

css高级复杂选择器 是不是可以放弃前端这个方向了 – CSS – 前端 input 选中状态 css

HTML,CSS,JavaScript其实是非常高明的设计!

HTML可以修建未装修的毛坯房,CSS负责毛坯房的装修,JavaScript可以实现各种家用电器的功能!三者结合,才能打造出宜居的好房子!

这是偶从事了近软件开发总结出来的结论。

这些年软件开发过程中,接触过非常多的前端框架,从最早的C++ Builder,到MFC,到Qt,再到Win Form,还接触过WPF等等,一堆CS的界面框架。

刚开始也没觉得啥,因为都是CS端界面框架,使用体验没差太多。

但是做界面多了,就开始接触web页面开发!刚开始只是了解,那时候还看不上web开发,觉得web页面性能太弱!!!

后来慢慢做一些特效来玩耍,其中就有黑客帝国的代码雨!有用控制台实现的,有用MFC的,WPF的,当然也有web页面版本的!

都测试下来,发现web版本的性能居然非常出色,轻松实现60帧!当然,比WPF可能差一点!

这激起了偶对前端技术的兴趣!经过了解,发现web渲染,早就支持GPU加速了,比MFC的GDI+不知道快多少!

再加上最近这些年WebGL技术快速发展,web端的三维渲染技术也飞速发展!除了一些特别前沿的渲染效果不及桌面端,web三维的渲染性能与桌面端的差距也越来越小!

JavaScript的执行效率问题,也有望通过wasm技术解决!

此外web技术还有最大的先天优势,就是跨平台特性!目前流行的多端前端开发框架,有很多是基于web技术的。

于是偶也入坑web技术了。

当偶写完自己的第一个页面的时候,偶惊到了!使用web技术,几乎什么样的界面,都可以很轻松的搭建出来!而且偶没有使用第三方框架,纯三剑客完成。

和一众CS端的界面框架相比,HTML,CSS,JavaScript三者结合,开发页面实在是太爽了。

比如说:

你可以随意控制界面的某一个角,用多大半径的圆角渲染,而且这只需要两句简单的CSS样式即可实现,不需要重写任何绘制函数!

再比如说:

好看的样式,可以通过给标签加一个id,或者一个class,轻松实现代码复用!这比任何的派生或者聚合都要轻松灵活得多。

HTML,负责页面的骨架!就算网速慢,页面的基本功能可以使用。

CSS,负责美化页面,实现各种狂拽酷炫的效果!还不会对站点的核心逻辑造成任何干扰。

JavaScript,负责页面的基本逻辑!写好代码之后,不需要编译,直接可以执行查看效果!最初JavaScript只是用来实现前端简单的逻辑,但是发展到如今这个程度,你甚至可以用JavaScript实现一个web端的三维引擎,比如three.js,比如cesium!

如果你见的前端开发方式多了,相信你会和偶有同样的感受!web三剑客,永远是开发页面的首选!

@ 怎样区分后代选择器和子代选择器?

1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}

2.第二从用法上区分后代选择器html部分:<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。

子代选择器时效果图:

后代选择器时效果图:

@ dw如何把js改成css?

首先,新建一个HTML文档,这里以Div css布局为例。

2.点击插入菜单下的“Div(D)”,弹出对话框。

3.点击“新建css规则”,定义一个选择器,“确定”完成。

4.设置大小及背景颜色,“确定”完成。

@ css后代选择器可以写几个?

css后代选择器可以写5个,本来css的后代选择器可以选择多个,但是层级越深,效率越低,所以最好写5个就行

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。