三种CSS样式的引用方式

CSS样式

3种引用样式的好处及区别:

  1. 外部引入样式

    优点:代码易于管理和维护,一个CSS能控制多个页面。提高加载速度。

    缺点:当外部CSS过多时会造成服务器的请求压力。

  1. 头部引入样式:

.  优点:加载速度最快,并且不会造成服务器的压力。

  缺点:不利于维护和改版、代码量大显得乱。

  1. 行内样式:

.  优点:优先级最高。

  缺点:代码乱、不利于改版和维护、影响开发成本

优先级:

选取一个或多个标签进行操作

常用的选择器有三种:标签名选择器、类名选择器、ID名选择器。(在起名的时候要尽量起和内容有关的英文;)

标签名选择器:控制某一种标签的样式;

类名选择器:控制一个或多个标签的样式;

ID选择器:控制一个确定的标签的样式;(用于在JS中加载行为的时候使用的)

优先级:ID>类名class>标签名

时间: 2024-10-13 02:21:57

三种CSS样式的引用方式的相关文章

三种CSS样式

内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色.</p> 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开.如下代码: <p sty

CSS样式表引用方式

1.外部文件引用方式:(推荐使用)2.使用@import引用外部CSS文件; 3.内部文档头方式也叫内嵌法调用: 4.直接插入式也叫行内样式.它们主要的差别在于它们规定的风格使用的范围不同: 一.外部文件引用方式 外部文件引用方式即将CSS写成一个文件,在HTML文档头通过文件引用来进行风格控制. 也就是把写好的CSS属性的文件保存为文件扩展名为.CSS文件. CSS文件的引用是在HTML的标记之间写下列语句: <link rel="stylesheet" href="

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个值:" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementB

三种呈现错误页面的方式

三种呈现错误页面的方式 由于ASP.NET Core应用是一个同时处理多个请求的服务器应用,所以在处理某个请求过程中抛出的异常并不会导致整个应用的终止.出于安全方面的考量,为了避免敏感信息的外泄,客户端在默认的情况下并不会得到详细的出错信息,这无疑会在开发环境下增加查错纠错的难度.对于生产环境来说,我们也希望最终用户能够根据具体的错误类型得到具有针对性并且友好的错误消息.ASP.NET Core提供了相应的中间件帮助我们将定制化的错误信息呈现出来,这些中间件都定义在"Microsoft.AspN

Android中三种超实用的滑屏方式汇总(转载)

Android中三种超实用的滑屏方式汇总 现如今主流的Android应用中,都少不了左右滑动滚屏这项功能,(貌似现在好多人使用智能机都习惯性的有事没事的左右滑屏,也不知道在干什么...嘿嘿),由于前段时间项目的需要,所以也对其研究了一下,总的来说滑屏实现有三种方式:(至于其他的实现方式目前后还没碰到...) 1.ViewPager 2.ViewFlipper 3.ViewFlow 一.ViewPager 官方文档介绍:http://developer.android.com/reference/

Android三种实现自定义ProgressBar的方式介绍

一.通过动画实现 定义res/anim/loading.xml如下: View Row Code<?xml version="1.0" encoding="UTF-8"?><animation-list android:oneshot="false"xmlns:android="http://schemas.android.com/apk/res/android"><item android:du

[精通Objective-C]三种实现并发编程的方式

[精通Objective-C]三种实现并发编程的方式 参考书籍:<精通Objective-C>[美] Keith Lee 目录 精通Objective-C三种实现并发编程的方式 目录 线程 隐式创建并启动线程 显示创建并启动线程 操作和操作队列 用操作类实现并发 用操作队列实现并发 分派队列GCD 三种方式的比较 线程 隐式创建并启动线程 使用NSObject类中的performSelectorInBackground: withObject:方法可以隐式地创建和启动用于执行对象中方法的新线程

动态为页面添加CSS样式文件引用

动态为页面添加CSS样式文件引用: 1 if (document.createStyleSheet) { //IE 2 document.createStyleSheet("./Themes/Default/MessageTip.css"); 3 } 4 else { //Firefox, Chrome 5 var stylesheet = document.createElement("link"); 6 stylesheet.href = "./The

分页css样式 class引用

.page_nav{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}.page_nav a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; text-decoration:none; border:solid 1px #dbe5ee; -moz-border-radius:2px; -web