一、概述

HTML是骨架、框架
CSS是外表、衣服
JS是动作、肌肉

css的主要作用是对元素进行渲染。
1、找到要操作的标签（选择器）
2、对定位的标签进行操作（属性）

二、CSS引入方式

1、行内式

2、内联式

在head标签内使用

<html>

<head>

<style>

div {

background-color:red;

}

div p {

background-color:green;

}

</style>

</head>

<body>

<div>sdfasdfasdfsdf

<p>asdfasfasdf</p>

</div>

</body>

</html>

3、外链式

4、导入式

<head>

<style type="text/css">

@import "test.css"

</style>

</head>

注意：
1、推荐使用外链式，简洁明了。
2、外链式中的rel="stylesheet"不能省略，type="text/css"可以省略。
3、@import引入文件时，有数量限制，而link没有。
4、导入式会在整个网页加载完成后再加载CSS文件，因此如果文件非常大的话，网页会有闪烁的情况出现。外链式一开始网页就会加载，所以不会有闪烁出现。

css快速入门-引入方式的更多相关文章

02-03 CSS快速入门
css四种引入方式:test.html: p{ color: gold; font-size: 20px; } title.html: <!DOCTYPE html> <html l ...
前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作
一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如: h1 {color:red; font-size:14px;} 二.CSS四种引入方式 1,行内式行内式是在标 ...
前端 CSS 三种引入方式
CSS三种引入方式行内样式内接样式外部样式链接式导入式行内样式就是在标签加上style属性设置样式 <!DOCTYPE html> <html lang="e ...
006 CSS三种引入方式
CSS三种引入方式一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...
Python 45 css三种引入方式以及优先级
一:css三种引入方式三种方式为:行间式 | 内联式 | 外联式行间式 1.在标签头部的style属性内 2.属性值满足的是css语法 3.属性值用key:value形式赋值,value具 ...
css三种引入方式以及其优先级的说法
css 三种引入方式方式一:行间式 1.在标签头部的style属性内 2.属性值满足css语法 3.属性值用key:value形式赋值,value具有单位 4.属性值之间用分号 : ...
CSS快速入门（四）
目录 CSS快速入门(四) 浮动 float属性 clear属性浮动解决的问题及其影响解决父标签塌陷的方法浮动案例定位什么是脱离文档流定位的两种方法 position定位 static定位 ...
HTML/CSS快速入门
Web概念 JavaWeb 使用java语言开发基于互联网的项目软件架构 C/S架构:Client/Server 客户端/服务器用户本地有一个客户端程序,在远程有一个服务端程序如QQ,英雄联盟. ...
Html与CSS快速入门01-基础概念
Web前端技术一直是自己的薄弱环节,经常为了调节一个简单的样式花费大量的时间.最近趁着在做前端部分的开发,果断把这部分知识成体系的恶补一下.内容相对都比较简单,很类似工具手册的学习,但目标是熟练掌握. ...

随机推荐

pandas模块安装问题笔记
1. # pip install pandas 引用 pandas 时,没有模块 ,进行模块安装,出现一推英文提示结果 Collecting pandas Could not fetch URL ...
解决linux buffer/cache 消耗内存过高引发的问题
工作中接到DBA报障某台服务器跑一些大的数据,服务器就无法远程连接,报错,抓过日志叫DELL工程师检测也没问题,系统也重装过, 现在些一些较大的数据就会报如图错误,由于服务器远在异地城市IDC机房 ...
浅谈jodaTime 的使用
第一步:引入依赖: 1 <dependency> 2 <groupId>joda-time</groupId> 3 <artifactId>joda-t ...
字典 & 列表表达式结合
题: 思路: 要求的结果是小字典里面的两个值组成的列表,所以只要抓到小字典,这个题就可以用列表推导式直接表达了.所以把小字典设为元素d,然后用d在列表里面遍历,列表呢,是大字典的一个值. 答案:
fun()可拆分赋值 fun()可以拆, 变成 fun 和括号, fun 可以赋值
2. 函数名可以赋值给其他变量 ---> 就是 func()可以拆 def fun (): print("哈哈") a = fun # 拆分 fun()的 fu ...
查看oracle数据库版本
1. 登录sysdba用户 sqlplus / as sysdba 2. 方法一:v$version SQL> select * from v$version; 3. 方法二:product_ ...
CGI编程学习
@CGI编程学习目录(?)[+] 一．基本原理 CGI:通用网关接口(Common Gateway Interface)是一个Web服务器主机提供信息服务的标准接口.通过CGI接口,Web服务器就能 ...
easyui 对form扩展
功能描述 easyui 中 combobox 多选赋值方法如下: $('#cbx').combobox('setValues', ['01','02']) 然而,业务中是以 “01,02” 的形式 ...
BZOJ4571:[SCOI2016]美味(主席树,贪心)
Description 一家餐厅有 n 道菜,编号 1...n ,大家对第 i 道菜的评价值为 ai(1≤i≤n).有 m 位顾客,第 i 位顾客的期望值为 bi,而他的偏好值为 xi . 因此,第 ...
[HNOI2005]汤姆的游戏
嘟嘟嘟直接O(n ^ 2)暴力判断就行了. 对于圆,判断该点和圆心的距离是否小于半径. 然而为啥我这么写编译不过: scanf("%lf%lf%lf%lf", &a[++ ...

css快速入门-引入方式