这次给大家带来css基础语法之css的3种引入,css基础语法的css3种引入的注意事项有哪些,下面就是实战案例,一起来看一下。
CSS可算是网页设计的一个突破,它解决了网页界面排版的难题。可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。
Web早期,HTML是一种很有限的语言,这种语言不关心外观,它只是一种简洁的小型标记机制。
随着Mosaic网页浏览器的出现,网站开始到处涌现。对于页面改变外观的需求增加,于是增加了类似和之类的标记元素。
几年之后,大多数网站标记几乎完全由表格和font元素组成,且对于所要表现的内容不能传达任何实际含义,使文档可用性降低,且不易于维护。
立即学习“前端免费学习笔记(深入)”;
于是1995年,W3C发布了CSS草案,试图解决结构与样式混杂的问题。
1996年,W3C正式推出CSS1。
1998年,推出CSS2。
2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能。
2011年开始设计CSS4
一、css样式表的引入
1.内嵌样式表
内嵌样式表是写在Tag(标签)里面的。内嵌样式只对所在的Tag有效 。(如果有多种样式,内嵌式会覆盖其它的样式,并生效自己的)
示例:
这个style定义
里面的文字 是20pt字体,字体颜色是红色。
2.内部样式表
内部样式表是写在HTML的
里面的。内部样式表只对所在的网页有效。
内部样式表要用到style这个Tag,写法如下 :
div{ color : red; }
3.外部样式表
如果很多网页需要用到同样的样式(Styles),要用外部样式表。外部样式表需要将样式写在一个css文件中,然后在页面中用标签引入,在需要应用该样式的每个页面中引入该文件。
示例:
…
1、标签位置一般写在
标签之内。
2、css样式文件名称以有意义的英文字母命名,如 main.css。
3、href=””是引入css的路径
4、rel=”stylesheet” type=”text/css” 是固定写法不可修改。
记住他们的优先级:内联式 > 嵌入式 > 外部式
在CSS中也有注释语句:用/*注释语句*/来标明 (Html中使用)
相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!
相关阅读:
vscode的常用设置
10进制数如何转为16进制
怎样将自己的maven项目托管到github
以上就是CSS基础语法之CSS的3种引入的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545883.html
微信扫一扫
支付宝扫一扫