首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网页制作之css三种引入方式

一.Css概念:

CSS(cascading style sheets)中文译为层叠样式表,是用于控制网页样式并允许将样式内容与网页内容分离的一种标记性语言。

二.Div+Css优势

可重用性、可维护性、表现与结构相分离

三.引用方式

1.行内样式:

将css样式写在XHTML标签中

语法:

行内样式

注意:

行内样式不符合三大规律,但是方便测试。

2.内部样式:

可单独针对某一页进行设计,将样式信息放在页面一个固定位置上。一般放在head中,可以把css样式代码写在标签之间

基本结构:

标签内)使用标签将css样式文件链接到HTML文件内

语法:

注意:

符合三大规律,利于后期的维护,可以重复使用,实现了结构与样式分离的规范,可以提高浏览速度,大大节省用户和服务器带宽。

四、三种方式的优先级

如果你对同一个元素使用了以上三种方法,那么最后起作用的是哪一种呢?也就是三个的优先级别。优先级最高的是行内样式,如果你三种都写了同样的属性,那么行内样式会覆盖其余两种方式,内部样式和外部样式取决于他们在head标签中位置的顺序。

每天都会更有料

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171221G0ZX5N00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券