首页 > 其他分享 >学习前端第二天之css

学习前端第二天之css

时间:2024-06-13 15:30:23浏览次数:10  
标签:样式 标签 前端 color 第二天 HTML CSS css

1.CSS简介

CSS 的全称为:层叠样式表 ( Cascading Style Sheets ) 。
CSS 也是一种标记语言,用于给 HTML 结构设置样式,例如:文字大小、颜色、元素宽高等等。

2.css的编写位置

1行内样式

(只能对当前标签起作用,对其他标签无效)

<h1 style="color: red; font-size: 60px;" >学习使人快乐</h1>

 

 2内部样式

写在 html 页面内部,将所有的 CSS 代码提取出来,单独放在 <style> 标签中。

<head>
    <meta charset="UTF-8">
    <title>内部样式</title>
    <style>
        h1{
            color: aqua;
            font-size: 60px;
        }
        h2{
            color: bisque;
            font-size: 20px;
        }
        p{
            color: blanchedalmond;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <!-- 不区分大小写 -->
    <h1 >学习使人快乐</h1>
    <h2>快乐学习</h2>
    <p>加油</p>
</body>

注意点:
1. <style> 标签理论上可以放在 HTML 文档的任何地方,但一般都放在 <head> 标签
中。
2. 此种写法:样式可以复用、代码结构清晰。 

3外部样式

写在单独的 .css 文件中,随后在 HTML 文件中引入使用。

操作步骤:

1、新建一个扩展名为.css的文件,然后将需要用的css样式在里面进行编写。

2、然后再在 HTML 文件中引入 .css 文件。

标签:样式,标签,前端,color,第二天,HTML,CSS,css
From: https://blog.csdn.net/2401_85473013/article/details/139630962

相关文章

  • 学习前端第二天
    1.路径1)相对路径:以当前位置作为参考点,去建立路径。./:同一级/:下一级../:上一级2)绝对路径以根位置作为参考点,去建立路径。2.超链接主要作用:从当前页面进行跳转。可以实现:①跳转到指定页面、②跳转到指定文件(也可触发下载)、③跳转到锚点位置、④唤起指定应用。1.跳......
  • Web--CSS基础
    文章目录定义方式选择器文本字体背景边框元素展示格式内边距与外边距盒子模型位置浮动flex布局响应式布局定义方式行内样式表直接定义在style属性中,作用于当前标签<imgsrc="/imges/logo.jpg"alt=""style="width=400">内部样式表定义在style标签中......
  • 给前端返回数据的两种格式
     funcLogin(r*gin.Engine){r.POST("/bindpost",func(c*gin.Context){c可以获取请求信息、处理数据,并通过各种方法将处理结果返回给前端在Gin框架中,c对象包含了许多有用的方法和属性,例如:Request:可以通过c.Request获取HTTP请求对象,从中获取请求的方法、URL......
  • 前端微服务架构qiankun初体验
    一、背景‘熵增’问题一直是所有软件开发中都会遇到的问题,不管是前端还是后端都会遇到,老的系统在需求不断变更或者迭代,代码量会越来越大,最终都会形成一座‘屎山’,今天主要讨论前端对于这种情况的解决方案。目前前端的解决方案有比较古老的iframe,但是iframe是完全隔绝了......
  • vue3 修改element-plus主题颜色(css版)
    vue3修改主题颜色_若依vue3改默认主题色-CSDN博客上面的是js修改-----------------------------------------------------------------------------------------------------------------------1.新建一个APPStyle.css文件代码/*8这里是要替换的样式,可以参开下面注释......
  • web前端网页制作课作业:网页设计期末作业 使用HTML CSS技术制作中华传统文化网站【文房
    ......
  • web网页设计期末课程大作业:家乡旅游主题网站设计——河北8页html css javascript
    ......
  • 地球主题网页设计题材——大学生网页制作期末作业HTML+CSS+JS
    ......
  • Web大前端全栈架构学习之路
    Web大前端是一个非常庞大的知识体系结构,需要学习和掌握的知识非常多,技术更新的速度也非常快,一直想把我们整个大前端的知识技能做一个系统的学习总结,及时的查缺补漏以及学习新的技能。大厂一线全栈开发12年,从小白到全栈架构,如何系统的学习Web大前端全栈架构,从今天开始持续更......
  • 微信小程序社区项目----前端
    【项目介绍】#智慧社区-小程序-欢迎页面-首页-轮播图-公告-信息采集,社区活动,人脸检测,语音识别,心率检测,积分商城-信息采集页面-采集人数-采集详情页面-采集统计页面-人脸检测页面-语音识别页面-积分商城......