基础复习 CSS的引入方式

最新推荐文章于 2024-07-17 22:08:40 发布

会飞的小蚂蚱

最新推荐文章于 2024-07-17 22:08:40 发布

阅读量130

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/hfdxmz_3/article/details/106376924

版权

html 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

CSS的三种样式表

按照CSS样式书写的位置（或者引入的方式），CSS的样式表可以分为三大类：

1.行内样式表（行内式）

<div style="color：red； font-size:12px">青春不常在，抓紧谈恋爱</div>

2.内部样式表（嵌入式）

<style>

....

</style>

3.外部样式表（连接式）（可以控制多个页面）

使用最多

外部样式表的核心是：样式单独写道CSS文件中，之后把CSS文件引入HTML页面中使用

1.新建.css样式文件

2.在HTML中使用<link>标签引入这个文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会飞的小蚂蚱

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

引入css的方式的四种方式,引入css的四种方式

weixin_35395422的博客

08-04

2360

1.内联式引用：直接用在标签上，但维护成本高style='font-size:16px;color:#000000'2.外部连接式引用：css代码与html代码分离，便于代码重复使用style.css文件内容如右：.font{color:blue;font-size:12px;}3.内部式引用：页面较为清晰，但不能被别的页面使用.font{color:blue;font-size:12px;}4....

WEB前端学习（2）CSS复习一（基础选择器+字体属性+文本属性+引入方式）

Puppy_CQ的博客

04-27

172

一 CSS语法规范 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 也叫CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即结构 ( HTML ) 与样式( CSS ) 相分离二 CSS基础选择器（选择器分为基础选择器和复合选择器）总结：基础选择器每个基础选择器都有使用场景，都需要掌握如果是修改样式，类选择器是使用最多的选择器就是..

参与评论您还未登录，请先登录后发表或查看评论

css引入方式和选择器

ZGQ_YF的博客

09-23

303

Css四种引入方式：行内式通过html属性style实现，如下所示 //写在body标签中 <span style="color:red;">行内式</span> 嵌入式在style标签中写css样式，在body中引用 1.内嵌式引入直接在页面的标签里加　<div style="border:1px red solid;">测试信息</div> 2.放在head里面 <style type="text/css"..

两种引用外部CSS文件的方法

会开花的树

01-05

5773

一、用<link>标签引入<link rel="stylesheet" href="a.css" />二、在css里面引用另一个文件<style> @import url('a.css'); </style>三、二者之间的差别1）Link 采用 HTML 标签将 CSS 关联，而 import 可以在一个 CSS 文件中引入其它的 CSS 文件2）兼容性的差别。IE6 以下不支持@import3）加

css三种引入方式以及其优先级的说法

weixin_30393907的博客

05-15

2322

css 三种引入方式方式一：行间式 1.在标签头部的style属性内 2.属性值满足css语法 3.属性值用key:value形式赋值，value具有单位 4.属性值之间用分号；隔开方式二：内联式在style标签内（style标签一般为head的子标签属性值满足的是css语法属性值用key:value形式赋值，value具有单位属性值之间用分号；隔开方...

复习回顾CSS基础

最新发布

weixin_57790696的博客

07-17

450

标签选择器, 是将标签名字当做查找页面元素的方式, 只要有对应名字的标签, 无论嵌套级别多么深入都可以被匹配到. 任何一个标签名字都可以当做选择器。如果是最后一组属性和属性值 , 我们可以不用添加分号 , 但是我们推荐一定要进行添加 , 方便我们后续继续添加对应的修饰;CSS作用 : 主要对于页面中HTML结构进行修饰 , 例如修饰的文本大小 , 文本加粗 , 文本颜色 , 背景颜色等等。{}被称之为样式声明 , 声明中的属性和属性值使用冒号 ( : ) 链接;

css基础重学（快速复习）

zouhualong007的博客

12-13

710

css初识什么是css? 层叠样式表 Cascading style sheets css的作用对html标签进行美化 css的语法规则选择器 { css属性名: 值; css属性名: 值; css属性名: 值; css属性名: 值; } 复制代码 css引入方式内嵌式将css代码写在style标签中外链式需要创建一个以.css为扩展名的文件在css文件中书写css代码在需要引入的h...

CSS基础知识复习一

qq_41746175的博客

11-18

154

一.什么是CSS，以及为什么使用CSS 1.英文：Cascading Style Sheets，称为层叠样式表。 2.为了更好地美化网页。 3.多余的标签属性会使页面显得比较臃肿。二.怎样引入，以及如何书写CSS 1.有三种引入方式行内样式表：没有实现样式结构相分离，适用于单个标签。在开始标签内书写，且为h1标签里的字体改变了颜色，代码如下。 <h1 style="color:red">这是一个h1标签</h1> 内部样式表：没有彻底实现样式结构相分离

CSS基础知识复习

java后端开发的博客，不仅仅是后端开发

02-28

173

后端转前端系列文章-CSS基础，持续更新中。。

CSS -- 基础复习

qq_45367843的博客

05-22

164

CSS基础 1. css中的样式优先级 !important > 内联 > ID > Class|属性|伪类 > 元素选择器

复习自测-CSS基础及选择器(1).doc

01-09

3. **CSS引入方式** - **内部样式表**：在`<head>`标签中使用`<style>`标签引入，如`<style></style>`。 - **外部样式表**：通过`<link>`标签引入，`href`属性指定CSS文件路径，如`<link href="style.css" rel=...

CSS与Javascript基础复习指南

"CSS和Javascript简单复习资料" 在前端开发中，CSS（层叠样式表）和JavaScript是非常重要的技术，它们分别负责网页的样式表现和交互功能。以下是对这两个主题的详细解释： ### CSS (层叠样式表) CSS用于定义HTML或...

原生JS面试题：doctype、CSS引入方式及BFC详解

CSS的引入方式主要有三种：内联样式（Inline）、嵌入样式（Internal）和外部链接样式（Link）以及@import导入。内联样式直接写在HTML元素上，效率低但控制性强；嵌入样式在`<style>`标签内定义，适用于少量样式；...

处理layui table 行点击事件与列点击事件冲突

hfdxmz_3的博客

05-21

2398

问题描述：工具栏的点击事件，会冒泡到行点击事件中，原打算阻止事件冒泡，结果失败，阻止不了，索性不用layui官网的工具栏tool和行row监听事件。 table： <table id="conManager" lay-filter="conManager" class="layui-table layui-form"></table> 原本的监听事件，如下： //监听行单击事件 table.on('row(conManager).

在我们前端开发过程中，设置css引起的一些bug现象及解决方法

hfdxmz_3的博客

05-12

1451

一、设置overflow:hiden行内元素会发生偏移的现象父级元素包含几个行内元素 1 2 3 4 5 6 7 <divid="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</sp...

在uni里面怎么修改checkbox的样式

hfdxmz_3的博客

05-29

1346

很多小伙伴都很苦恼修改不了checkbox的样式那我们该怎么做呢？哈哈哈哈想不到吧你以为我是checkbox 其实我是 view哒！  <view class="iconfont checkicon" @click="checkedClick(item.id)" :class="item.checked ? 'icon-xuanzhong' :'icon-weixuan'"></view> <vi..

用 js 获取视频的总时长

hfdxmz_3的博客

05-13

1117

js 获取视频的总时长： <!DOCTYPE html> <html> <head> <title></title> </head> <body> <video id="videoPlayerNew" src="http://vfx.mtime.cn/Video/2019/03/18/mp4/190318231014076505.mp4" controls="controls"> your brow

小程序里使用vant-weap的picker发现的问题

hfdxmz_3的博客

07-28

985

一个比较常见的业务我们如果选择使用vant 引入picker 还要引入他的pup 要配合使用有一个坑这个picker他没有自己的宽高要我们给的然后用个变量来控制它就行了 true false

简单说一个CSS综合案例

hfdxmz_3的博客

05-27

688

<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <style> 8 ..