CSS的三种样式应用

最新推荐文章于 2023-08-07 11:41:39 发布

溺水的鱼儿(*^_^*)

最新推荐文章于 2023-08-07 11:41:39 发布

阅读量424

点赞数

分类专栏：前端 CSS 文章标签： css html

本文链接：https://blog.csdn.net/weixin_47450039/article/details/106460028

版权

CSS 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

前端

11 篇文章 1 订阅

订阅专栏

css在html中的应用方式

内联样式：在html元素中使用style属性；

<h1 class="myh1" style="background-color: hotpink; font-family: 宋体;color: indigo;font-size: 100px;text-align: center;">你是精致的猪猪女孩</h1>

内联样式表：在<head>中使用<style>定义css样式；

<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        body{
            background-color: lightgray;
        }
       
        .mydiv1
        {
            position: relative;
            overflow-x: hidden;
            overflow-y: scroll;
            margin-left: 40%;
            width: 200px;
            height: 100px;
        }
    </style>
</head>

外部引用：引用外部的css文件。


     <link rel="stylesheet" type="text/css" href="./css/mycss.css">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

溺水的鱼儿(*^_^*)

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS 三种样式表

yexiangCSDN的专栏

04-14

4933

一、CSS 三种样式表按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类： 1. 行内样式表（行内式） 2. 内部样式表（嵌入式） 3. 外部样式表（链接式） 1. 行内样式表（行内式）行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式 <div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div> style 其实就是标...

CSS复习--CSS三种样式设置方法

Loery1314的博客

11-18

1241

CSS的三种样式设置方法

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

CSS样式四种应用方式、选择器的分类、伪类、命名规则

无名老仙

12-03

1316

一、CSS样式应用方法及使用方法的优先级顺序 <!DOCTYPE html> <html> <head> <title>CSS样式</title> <meta charset="utf-8"> <link href="css1.css" rel="stylesheet" type="text/css"/&gt...

部份css样式详解(附实际应用)

贪婪的君子

09-17

230

本文的所有实例均基于博客园的页面定制。所有表格内容来自W3CSchool。页面背景（background）博客开通之后，很多人最先做的事情一定是改页面的背景，换成一张图片或者换上一个自己喜欢的颜色，这时候用到的就是background属性。但是，在什么地方用呢？所有的html标签都支持这个属性。所以，随便用。我们经常能看到类似background: #fff;这种使用方式，如果...

CSS样式应用

weixin_30813225的博客

11-03

195

CSS样式应用的方法：（1）行内样式，将css样式直接放到标签当中，一般都是放入标签的style属性中，它是最方便的一种样式，也是最不方便修改的样式。如下：（2）内嵌式，通过将css写在网页源文件的头部即<head></head>之间，通过使用HTML标签的<style>标签将其包围，其特点是该样式只能在本页面使用。如下：（3）链接样式，通...

css样式的使用

zyx3070654902的博客

12-09

595

1.background：用于设置页面以及容器的背景样式，有background-color以及url插入背景图片，no-repeat不平铺，repeat-x x轴平铺，repeat-y y轴平铺，repeat平铺（默认值）以及利用left top bottom right 来规定背景图片的位置 2.border：利用border-right/left/bottom/top来确定选中的边框位置，后加color width style控制容器边框线的颜色宽度样式 3.float：利用left和r

CSS样式应用积累

iSky

12-02

504

1、背景透明 #a{ background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 浏览器*/ -moz-opacity:0.50; /*支持 FireFox 浏览器*/ opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/ width: 300

CSS控制样式的三种方式(优先级对比验证)

12-09

在实际应用中，开发者通常会结合这三种方式使用CSS，以达到最佳的样式控制和代码组织。内联样式用于特殊情况下的样式覆盖，内部样式表适用于局部样式，而外部样式表则用于全局样式和项目的可维护性。理解并熟练掌握...

网页中应用CSS样式的多种形式总结

09-22

本文将详细探讨CSS样式的四种主要应用形式：内联样式、内部样式、外部样式以及导入外部样式表。 1. **内联样式**：内联样式是最直接的方式，它将CSS代码直接放置在HTML元素的`style`属性中。这种做法适用于快速为...

css的应用

qq_50097745的博客

11-06

450

pythonCss基础

CSS应用样式的方式及其优先级

qq_40818233的博客

07-26

1847

一、CSS应用样式的方式有哪些 CSS样式应用的方式分为三大类：（1）行内样式（2）内部样式（3）外部样式首先来说行内样式，行内样式从字面上不难理解，就是写在一行里面的样式，即写在标签内的样式，所谓存在即有其合理性，这样写的优点在于写法比较简单，适用范围广，优先级高，当然弊端也是有的，运用行内样式，内容和样式没有分离，样式也没有复用性，仅仅自作用于一个元素。 ...

【web前端基础4】CSS样式基本用法

liao_sp的博客

03-27

481

CSS是Cascading Style Sheet的缩写，译为“层叠样式表”或“级联样式表”。CSS定义如何显示HTML的标签样式，用于设计网页的外观效果。通过使用CSS实现页面的内容与表现形式分离，极大地提高了工作效率。20世纪90年代初，HTML语言诞生。早期的HTML只含有少量的显示属性，用来设置网页和字体效果。

20个非常重要的CSS技巧（建议收藏）

最新发布

关注我！带你一路 "狂飙" 到底！

08-07

1851

今天分享20 个重要的 CSS 技巧，无论你是新手还是老鸟，它都可以提升你的CSS知识技能！这种方法可确保你的导航菜单适应不同的屏幕尺寸并且可供所有用户访问。CSS 框阴影提供了一种简单的方法来增加元素的深度和视觉吸引力。Flexbox 为容器内的元素提供了强大的对齐和分布能力。这允许你使用 CSS 创建自定义设计的复选框和单选按钮。CSS 渐变允许在元素的背景中实现平滑的颜色过渡。CSS 网格简化了适应不同屏幕尺寸的图库的创建。使用 CSS 网格创建复杂的基于网格的布局。

CSS常见样式的介绍和使用（附加案例）

PIKapikaaaa的博客

03-21

6902

CSS常见样式的介绍和使用（附加案例）选择器的理解与应用常见样式附加案例

应用CSS样式表的三种方法

cc_bk的博客

11-15

3234

1.通过style属性来

CSS之应用样式的四种方式

shandamengcheng的博客

01-12

3628

CSS之应用样式的四种方式 1. link标签通过link标签链接的样式表不是HTML文档的一部分，但是却供文档使用。这样的样式表称为外部样式表。 Web浏览器遇到link标签时，会查找并加载样式表，并渲染HTML文档。属性 rel: relation 关系的简称常用为stylesheet href: 样式表的URL链接可以是绝对地址也可以是相对地址 type: 文档的数据类型始...

CSS----嵌入式样式表

u010398850的专栏

07-25

5528

嵌入样式表是在网页文档的头部定义一个标签对，在该标签对内加入各种网页元素的样式规则。如：嵌入式样式表的范例 h1 { font-size:30px; color:red; background-color:yellow; text-align:center; text-decoration:underline

样式表三种使用方式和盒子模型

weixin_30741653的博客

05-15

147

样式表三种使用方式和盒子模型 css 的三种使用方式；行内样式表内部样式表外部引入样式表盒子模型行内样式表时指将CSS样式编码写在HTML标签中, 格式如下: <h1 style="font-size:12px;color:#000FFF"> 我的CSS样式 </h1> 内部样式表与行内样式表相似都是把CSS代...

CSS入门与三种应用方式详解

在CSS与HTML的结合方式上，有三种常见方法： 1. 内联样式：使用HTML标签的`style`属性直接在标签内定义样式，例如 `;border:1px solid red;">...</div>`。这种做法的优点是简洁，但缺点在于样式与HTML紧密耦合，当...