CSS (一)初步理解_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:01:06
原创
1222人浏览过

     通过牛腩新闻发布系统,接触了css,也感受到了它在做web前台开发时简单方便易更改的优点。

     尤其是后边对于CSS盒子的学习和认识,更加让人体会到网页设计和很多事物一样蕴含着深刻的思想和设计技巧,融于生活,表现生活。

     本篇文章主要是对CSS内容概况的一些个人理解。

     CSS,即级联样式表。它真正做到了使网页表现层与内容分离的一种样式设计语言,做到了代码控制界面,简单易修改的解耦效果。

     通过CSS,我们可以精确控制对象位置精确到像素级,还可以随心设计对象样式和风格,达到最优的美观度。

立即学习前端免费学习笔记(深入)”;

 

     下面是CSS的一些特点。

     1、选择器与优先级。

     选择器这里介绍ID选择器和类选择器。

     ID选择器我们可以这样理解:我们给某个对象赋值了一个唯一ID,我们就可以通过这个ID来控制这个对象了。就像通过ID号来操作数据库一样。 ID选择器一“#”来定义。

     类选择器:我们创建一个类,为它制定一个类名,然后我们就可以通过这个类名统一管理这个类了。这个类可以包含很多具体的对象。

     当然,在类选择器中我们也可以做到某些对象的特殊化,因为普遍与特殊永远是不能分开的。比如对象“小苹果”,我们可以设置“苹”的特殊颜色等等。

     

钉钉 AI 助理
钉钉 AI 助理

钉钉AI助理汇集了钉钉AI产品能力,帮助企业迈入智能新时代。

钉钉 AI 助理 21
查看详情 钉钉 AI 助理

     优先级指的是CSS样式在浏览器中的执行顺序,其实也就是代码执行的先后顺序。

     一般来说是顺序执行,但有时候代码中会发生冲突。如在一个类中包含对象a,我们既在代码中写明了整个类中的对象都显示红色,又写明了a要显示黄色,这样就需要优先级来解决了。

      CSS中优先级:ID选择器,类选择器,HTML。

      更具体的划分,参见百度百科(http://baike.baidu.com/view/939547.htm):内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 > 类别(type),伪对象(pseudo-element)

     2、核心

     CSS的核心其实就是对CSS盒子的使用,包括标准流、模型、浮动、定位等方面的知识,在之后的博客中我会详细介绍,这里就不在赘述了。

     3、与CSS+DIV的区别

     CSS指级联样式表。

     DIV是HTML语言里的一个标签元素,属于布局元素。
     DIV+CSS意思我们可以理解为用CSS控制DIV进行布局。
     你可以想像DIV就是一个文本或矩形框,而CSS则控制他们在网页的什么地方,以什么样的方式出现等。
     就像当前的博客页面就可以看到很多的“框”,你查看此网页的源代码,也会看见很多“DIV”:标签里的 style="属性:属性值;属性:属性值;..." 就是应用到标签的CSS.这是使用CSS的方法之一。

    

     总结:使用CSS+DIV进行网页开发是当前的主流,对于这方面的知识还需要我们对其实现原理充分理解,对CSS盒子进行实践和学习,这样每个人都会成为网页制作高手~

     

相关标签:
css
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号