首页 > 其他分享 >CSS-详情见帮助文档

CSS-详情见帮助文档

时间:2023-07-30 16:33:07浏览次数:28  
标签:样式 标签 HTML 文档 详情 border 选择器 CSS

1.CSS的作用

  1.1什么是CSS,有什么作用?

    CSS(Cascading Style Sheet):层叠样式语言

    CSS的作用是:

      修饰HTML页面,设置HTML页面中某些元素的样式,让HTML更好看

      CSS好比HTML的化妆品一样

    HTML还是主体,CSS依赖HTML,新建的文件还是.html

  1.2 CSS要求:

      *常见的CSS样式要求会写

      *别人写的CSS样式要能看懂

  1.3 在HTML中嵌套CSS的三种方式

    第一种:内联定义法

        在标签内部使用style属性来设置元素的CSS样式

          语法格式:

            <标签 style=“样式名:样式值;样式名:样式值;样式名:样式值;样式名:样式值;....”’></标签>  

    第二种:样式块方式

        在head标签中使用style块

          语法格式:  

            <head>

              <style type="text/css">

                 选择器{

                    样式名:样式值;

                    样式名:样式值;

                    ......

                  }

                 选择器{

                    样式名:样式值;

                    样式名:样式值;

                    ......

                  }

              </style>

             </head>

      第三种:链入式

          将样式写到一个.CSS文件中

          

         易维护,维护成本低

 

2.边框

   border:[ border-width ] || [ border-style ] || [ border-color ]

   

 

3.隐藏

  dispaly 布局样式

4.字体

  font

5.文本装饰

6.列表

 

7.设置鼠标悬停

8.定位

9.鼠标小手

cursor鼠标样式

cursor:pointer

10.选择器

  1.id选择器

    #+id{

    样式名:样式值;

    样式名:样式值;

    样式名:样式值;

  }

  2.标签选择器

    标签名{

      样式名:样式值;

      样式名:样式值;

      样式名:样式值;

     }

  3.类选择器

    .+类名{

    样式名:样式值;

    样式名:样式值;

    样式名:样式值;

    }

    只要类名相同就能作用,这个

11. 绝对定位

position

 详情见帮助文档

 

标签:样式,标签,HTML,文档,详情,border,选择器,CSS
From: https://www.cnblogs.com/lengbo/p/17591465.html

相关文章

  • HTML5/CSS3学习——Canvas使用
    什么是Canvas?HTML5的Canvas 元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,你可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建Canvas元素向HTML5页面添加Canvas 元素。规定元素的id、宽度和高度:<canvas......
  • 4.vim帮助文档
    1.1basicmodesChinesereferencemanualhttps://yianwillis.github.io/vimcdoc/doc/help.html:helpON-LINEHELP#searchforhelp:help:helpkeyword#example:helpinsertingstartNormalmode#vimfile.txtSinceyouhavejuststartedVimitwil......
  • css 动画无限滚动
    创建一个外层容器(loop-wrap)和一个包含CSS标签的容器(loop)。CSS标签使用tag类样式化,并带有文本"#CSS"。使用@keyframesloop动画规则来实现标签的水平滚动效果。动画从初始位置滚动到左边50%的位置,并持续3秒后无限循环。通过将fade类应用于一个空白的div,在loop-wrap容器上创建了一个......
  • 详情页返回列表缓存定位实现
    VUE2vue版本^2.6.111.App页面<template><divid="app"><keep-alive:include="aliveList"><router-view/></keep-alive></div></template><script>importstorefrom'.......
  • 在 ASP.NET Core 中使用 IHttpClientFactory 发出 HTTP 请求(官方文档)
    在ASP.NETCore中使用IHttpClientFactory发出HTTP请求项目2023/04/11本文内容消耗模式发出POST、PUT和DELETE请求出站请求中间件使用基于Polly的处理程序作者:KirkLarkin、SteveGordon、GlennCondron和RyanNowak。可以注册IHttpClientFactory并将其......
  • 上传图片或文档 二进制文档流方式上传
    问题:接口上传图片需要将图片以二进制得格式与其他字段一块传给后端方案:改变接口传递类型  application/x-www-form-urlencodedletparams={thaliId:this.editData.thaliId,thaliPrice:this.editData.thaliPrice,salesInstructions:thi......
  • CSS 动画指南: 原理和实战 (一)
    简介:无论动画以何种技术载体呈现,无论是传统的手绘动画,还是电脑生成的3D动画,也无论是用Flash还是CSS,动画的基本原理和设计准则都未曾变过的。在这篇文章中,我们会先解释CSS动画的基本概念,并且介绍使用CSS创建动画的要点。我们以一个例子贯穿始终,利用传统动画的准则来逐步构建这个动......
  • PyTorch 1.4 中文文档校对活动正式启动 | ApacheCN
    一如既往,PyTorch1.4中文文档校对活动启动了!认领须知请您勇敢地去翻译和改进翻译。虽然我们追求卓越,但我们并不要求您做到十全十美,因此请不要担心因为翻译上犯错——在大部分情况下,我们的服务器已经记录所有的翻译,因此您不必担心会因为您的失误遭到无法挽回的破坏。(改编自维基百......
  • CSS Sprites + 圆角
    初步介绍当然,我知道现在有成千上万个关于用CSS处理圆角的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3在这里还没有得到完全的应用,所以,知道现在,我会保......
  • 有效文档管理离不开这几个特点
    在我们日常生活中经常会遇到各式各样的文档类型,想要把它们都统一管理起来也不是一件容易的事情。后来looklook就去研究怎么样可以把这一堆文档整理起来呢?接下来,looklook就从有效的文档管理展开,和大家分享一下!有效文档管理的特点1.强大的搜索和索引功能一个好的文档管理解决方案能够......