首页前端开发CSS解析CSS与HTML的区别以及CSS的简单介绍

解析CSS与HTML的区别以及CSS的简单介绍

时间2024-05-24 16:42:03发布访客分类CSS浏览108
导读:如果一个网页只是使用HTML代码进行编写。在默认情况下是没有任何样式可言的,就像我们盖好一幢楼,但是还没有装修那样,而HTML就相当于我们刚盖好楼的主体,而咱们开始学习的CSS就是装修,只不过CSS是针对HTML实现美化,当然不只是美化,还...

如果一个网页只是使用HTML代码进行编写。在默认情况下是没有任何样式可言的,就像我们盖好一幢楼,但是还没有装修那样,而HTML就相当于我们刚盖好楼的主体,而咱们开始学习的CSS就是装修,只不过CSS是针对HTML实现美化,当然不只是美化,还有布局。

CSS 全称:Cascading Style Sheets中文翻译为层叠样式表 ,定义HTML中的标记以何种方式显示。如:我们想让网页中H1标记的文字显示的不要那么大,或者换个颜色等等诸如一系列这样的问题,都可以通过CSS来实现。目前所有的主流浏览器均支持CSS

CSS选择器的分类:

1.HTML标签选择器

2.群组选择器

3.包含选择器

自定义选择器有可以分为两种

1.Class选择器

2.ID选择器

HTML标签选择器:就是直接使用BODY中的HTML标记做为选择符,就像我们第一示例那样。

但是这种选择器有一种局限性。假设我们有两个段落。要设置不一样的效果。那怎么办呢?当然我们选择器必须结合起来用才可以。语法规范就是

选择器,选择器{ 属性:属性值; }

总结:我们记得只要我们CSS属性一致的时候,都可以使用群组选择符。

包含选择器:找到含有的内容,就像我们HTMLUL LI aPS:列表上加链接) 这种形式,如果我们要为列表中链接添加样式。这时候我们就能使用包含选择器。法规范是:

选择器 选择器{ 属性:属性值; }

注意:这里面是空格隔开的 HTML中的父级空格HTML中的子级

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 解析CSS与HTML的区别以及CSS的简单介绍
本文地址: https://pptw.com/jishu/667154.html
eclipse中配置Tomcat的步骤是什么 CSS溢出如何解决

游客 回复需填写必要信息