招生电话图

web前端中,css样式表编写

发布日间:2021-06-29   浏览次数:183

   作为web前端课程中的重要技术课程,CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

web前端中,css样式表编写

   CSS


   •层叠样式表(CascadingStyleSheets)


   •css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。


   •所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。


   •而css就可以分别为网页的各个层次设置样式。


   基本语法


   •CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。


   •语法:–选择器{样式名:样式值;样式名:样式值;}–p{color:red;font-size:12px;}

web前端中,css样式表编写

   行内样式


   •可以直接将样式写到标签内部的style属性中,这种样式不用填写选择器,直接编写声明即可。


   •这种方式编写简单,定位准确。但是由于直接将css代码写到了html标签的内部,导致结构与表现耦合,同时导致样式不能够复用,所以这种方式我们不使用。<pstyle=”color:red;font-size:30px”></p>


   内部样式表


   •可以直接将样式写到<style>标签中。


   •这样使css独立于html代码,而且可以同时为多个元素设置样式,这是我们使用得比较多的一种方式。


   •但是这种方式,样式只能在一个页面中使用,不能在多个页面中重复使用。


   <style>p{color:red;font-size:30px;}</style>


   外部样式表


   •可以将所有的样式保存到一个外部的css文件中,然后通过<link>标签将样式表引入到文件中。


   •这种方式将样式表放入到了页面的外部,可以在多个页面中引入,同时浏览器加载文件时可以使用缓存,这是我们开发中使用得最多的方式。

点击了解牛耳 TEL:400-0731-162
相关新闻
新春送福丨长沙牛耳教育给您拜年啦!内附春节拜年秘籍,收好不谢!2017-01-23
新春送福丨牛耳教育告诉你这才是实现新年计划正确的打开方式!2017-01-23
班级展示丨牛耳教育1503JA班,他们是怎么做到人见人夸的?2017-04-22
精彩回顾丨2016年牛耳教育韩国游圆满结束啦!2017-04-22
相关新闻
IT部门如何利用自身优势为企业创收2021-07-30
转Java编程,0基础Java难学吗?2021-07-16
软件测试年薪40W,不能停止学习2021-07-13
软件测试,黑盒测试中的场景法2021-07-09
牛耳教育

牛耳教育IT培训机构专注于Java培训,编程语言培训,Python人工智能培训,Web前端培训,软件测试培训,嵌入式培训等IT培训课程20余年。

400-0731-162

地址:长沙市五一广场牛耳教育站省电教中心三楼