CSS特点以及各种引入方式的优缺点

CSS特点:

  实现内容与表现分离;

  很好地控制页面布局;

  提高网页加载速度;(外部引入的CSS文件,浏览器优先加载并缓存)

  降低服务器成本;

  呈现一致的效果;

外部引入优缺点:

  一个CSS文件可以控制多个页面;

  有效地利用缓存机制;

  便于改版,易于维护;

  代码简洁、规范,易于分工合作

缺点:相对于单个页面,垃圾代码太多;

  外部引入的href会给服务器带来请求压力;

常用于访问量巨大的网页;

内部引入优缺点:

优点:相对于外部引入,单页代码量少;

  加载速度快,减少服务器请求压力;

缺点:不易改版与维护;

  代码较乱,不易与后台沟通;

标签内引入:

优点:优先级高

缺点:冗余代码多,不易于维护

个别特殊效果使用

CSS特点以及各种引入方式的优缺点

时间: 2024-10-24 18:59:26

CSS特点以及各种引入方式的优缺点的相关文章

CSS的4种引入方式及优先级

第一:CSS的4种引入方式 CSS的4种引入方式是:行内样式.内嵌样式.链接样式.导入样式 1.行内样式 最直接最简单的一种,直接对HTML标签使用style="",例如: <p style="color:#F00; "></p> 缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便. 2.内嵌样式 内嵌样式就是将CSS代码写在<head></head>之间,并且用<style></s

2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。

1,css有几种引入方式 使用HTML标签的STYLE属性 将STYLE属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式.这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当需要修改网站的样式时,一个相同的修改可能涉及多个地方,维护成本高.使用STYLE属性的样式效果最强,会覆盖掉其它几种引入方式的相同样式效果.   将样式代码写在页面<STYLE>...</STYLE>标签之中 <STYLE>...</STYLE&

CSS的四种引入方式

CSS的引入方式最常用的有三种, 第一:在head部分加入<link  rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件. 这种方法可以说是现在占统治地位的引入方法.如同IE与浏览器.这也是最能体现CSS特点的方法:最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种. 第二:在head部分加入<style type=&q

CSS样式四种引入方式

第一种将样式代码写在页面<style>......</style>标签之中,用<style>......</style>标签将body设置一个灰色的背景: <!DOCTYPE html> <html>  <head>   <meta charset="utf-8">   <title></title>   <style>    body{     back

CSS 从入门到放弃系列(一):CSS的引入方式

css的四种引入方式 内联方式(行间样式) <div style="width:100px;height: 100px; background-color: red"></div> 这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个<div>拥有相同的样式,你不得不重复地为每个<div>添加相同的样式,如果想要修改一种样式,又不得不修改所有的 style 中的代码.很显然,内联方式引入 CSS 代码会导致 HTML 代码变

python全栈开发day37-css三种引入方式、基础选择器、高级选择器、补充选择器

一.昨日内容回顾 div:分割整个网站,很多块 (1)排版标签 (2)块级标签 独占一行 可以设置高和宽,如果不设置宽高,默认是父盒子的宽 span: (1) 小区域 (2)文本标签 (3)在一行内显示,不能放置容器类(块)的盒子 (4)宽高不能设置 (5)宽高跟span的内容相关 a: (1)文本级标签 (2)不能设置高和宽 (3)超链接href:连接资源 title 鼠标的悬浮时的标题 跳转顶部top: <div id= 'top'> <div> ....... <a h

前端-CSS-介绍及三种引入方式

我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力.是时候做出改变了,所以CSS就出现了. CSS的出现解决了下面两个问题: 将HTML页面的内容与样式分离. 提高web开发的工作效率. 什么是CSS? CSS是指层叠样式表(Cascading Style Shee

前端-CSS-初探-注释-语法结构-引入方式-选择器-选择器优先级-01(待完善)

目录 CSS(Cascading Style Sheet) CSS注释 CSS语法结构 CSS的三种引入方式 选择器 伪类.伪元素选择器速查 CSS选择器优先级***** 选择器相同的情况下 选择器不同的情况下 选择器权重 样式调整技巧 本篇博客绝大多数内容来源网上,感谢作者的无私分享~ CSS(Cascading Style Sheet) 用来调节标签样式的,又称层叠样式表 CSS注释 /* 单行注释 */ /* 多行注释 */ 经典写法 /* 这是购物车页面的样式表(一般放css文件的第一行

CSS 引入方式

HTML 中引入 CSS 的方式 有 4 种方式可以在 HTML 中引入 CSS.其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码,另外两种是引入 外部 CSS 文件.下面我们就来看看这些方式和它们的优缺点. 内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS. 示例: <div style="background: red"></div> 这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <