首页 > 其他分享 >CSS 学习第一天

CSS 学习第一天

时间:2024-03-13 19:30:08浏览次数:20  
标签:style 第一天 样式 标签 学习 html 文档 CSS

# 层叠样式表

样式:文字大小、背景颜色、元素宽高等等

层叠:类似于化妆、一层一层的进行修饰

表: 列表


# 行内样式

写在标签的style属性中(又称:内联样式)

style 样式要符合CSS规范(名:值;)的形式,最好放在<head>标签中!!多个html无法重复使用设置的CSS样式


#外部样式

写在单独的 .css文件中,html文件 <link> 标签中引用

<link> 标签也要写在<head>标签中

<link>标签属性说明:

  1. <href> : 引入的文档来源于哪里
  2. <rel> : (relation 关系) 说明引入的文档与当前文档之间的关系

外部样式是比较推荐的一种!

<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./position.css"">
</head>

<body>
  <h1>欢迎来到崆峒山</h1>
  <h2>崆峒山上你和我</h2>
  <p>禁止胡搞</p>
  <p>上海小赤佬</p>
  <p>湖南崽崽</p>
  <p>山东小挖机</p>
  <img src=" ./images/Pandahuahua.jpg" alt="熊猫">

  </body>

</html>


标签:style,第一天,样式,标签,学习,html,文档,CSS
From: https://blog.csdn.net/qq_43300604/article/details/136688310

相关文章

  • HTML学习第一天
    常用标签: <title></title><!--网页标题标签--><h1-6></h1-6><!--N级标题常用为1-4--><p></p><!--段落标签--><a></a><!--超链接标签--><imgsrc="img.jpg"alt="配置......
  • 【DataWhale学习】用免费GPU线上跑StableDiffusion项目实践
    用免费GPU线上跑SD项目实践​DataWhale组织了一个线上白嫖GPU跑chatGLM与SD的项目活动,我很感兴趣就参加啦。之前就对chatGLM有所耳闻,是去年清华联合发布的开源大语言模型,可以用来打造个人知识库什么的,一直没有尝试。而SD我前两天刚跟着B站秋叶大佬和Nenly大佬的视频学习过......
  • CSS学习第三期(新手勿喷)
    今天是我第三天学习CSS,今天在昨日的基础之上,学习了关于盒子的CSS属性,以及背景的属性,还有选择器和透明度,浮动,话不多说开始今天的分享。一。盒子的属性盒子的属性中有宽,高,背景颜色,文字颜色,文字的粗细,文字的大小,文字的水平对齐,上下和居中,边框的颜色,边框的宽度,还有变宽的线条;1.1......
  • 深度学习——LeNet卷积神经网络初探
    LeNet--卷积神经网络初探模型介绍:简单介绍:从网络结构可以看出LeNet对于现在的大模型来说是一个非常小的神经网络,他一共由7个层顺序连接组成。分别是卷积层、pooling层、卷积层、pooling层和三个全连接层。用现代的深度学习框架来实现代码如下:代码实现和解读:net=nn.Sequent......
  • 【强化学习笔记一】初识强化学习(定义、应用、分类、性能指标、小车上山案例及代码)
    文章目录第1章初识强化学习1.1强化学习及其关键元素1.2强化学习的应用1.3强化学习的分类1.3.1按任务分类1.3.2按算法分类1.4强化学习算法的性能指标1.5案例:基于Gym库的智能体/环境接口1.5.1安装Gym库1.5.2使用Gym库1.5.3小车上山1.5.3.1有限动作空间1.5.3.2......
  • 探索机器学习:从基础概念到应用实践
    简介随着科技的迅速发展,机器学习成为了当今科技领域的热门话题之一。它不仅在学术界蓬勃发展,而且在工业界和商业领域也广泛应用。但对于许多人来说,机器学习究竟是什么?它又如何影响我们的日常生活?在本文中,我们将深入探讨机器学习的定义、原理、算法以及应用实践。什么是机器学习......
  • Vue学习笔记51--解绑组件自定义事件
    解绑组件自定义事件//this.$off('defineMyEvent')//解绑一个自定义事件//解绑多个自定义事件//this.$off(['defineMyEvent','demoEvent'])//等价于this.$off()//解绑所有自定义的事件this.$off()注意:如果vm被销毁,则其所有......
  • Python学习+PySimpleGUI+Pyinstaller,制作Windows桌面小工具
    1开发环境Python+PyCharm2第三方库2.1PySimpleGUI是基于Python的图形界面开发工具pipinstall PySimpleGUIPySimpleGUI5.0版本后开始收费,好像注册个人用户是免费,嫌麻烦我直接用的之前的版本 pip installPySimpleGUI==4.60.5 2.2PyInstaller是一个在Windows、G......
  • Stable Diffusion 学习笔记
     对于diffusion的原始论文的理解参考,https://www.bilibili.com/video/BV18a4y1T75X/?p=2&spm_id_from=pageDriver&vd_source=1eb6e5015a1f70daa97080d8ee786d5dhttps://www.bilibili.com/video/BV1KC411Y7AF?p=2&vd_source=1eb6e5015a1f70daa97080d8ee786d5d 之前生成网络,G......
  • Vue学习笔记50--组件自定义事件
    props--将子组件的信息传递给父组件 <!--通过父组件给子组件传递函数类型的props实现:子给父传递数据-->  <School:getShcoolName="getShcoolName"></School>示例一:App.vue<template><divclass="app"><!--<imgsrc="./assets......