首页 > 其他分享 >CSS

CSS

时间:2024-06-06 09:00:01浏览次数:12  
标签:style color 标签 red 选择器 CSS

css介绍

  1. 用来对HTM进行装饰的

  2. 注释语法:/**/

  3. 语法结构:

    1. 选择符
  4. 书写位置

    1. 直接写在style标签中

      <style>
         h1{color:red}
      </style>
      
    2. 直接在标签中定义一个style属性

      <h1 style='color:read'>***</h1>
      
    3. 通过外部文件引入

      <link rel='',href =''>
      

css选择器

  1. 类选择器***

    在head里定义类,在body里选择
    <style>.p1{}</style>
    <p class='p1'>**</p>
    
  2. ID选择器:通过元素的id属性进行选取**

    <h1 id=''> ***</h1>
    p{color:red}
    
  3. 标签选择器:通过标签名称选取

    p{color:red}
    ul{list_style_type:non}
    
  4. 通用选择器

    *{color:red}
    

标签:style,color,标签,red,选择器,CSS
From: https://www.cnblogs.com/zenopan101861/p/18234382

相关文章

  • web 关于CSS
    我主要将两个好理解的:1这个代码是直接写在html里的,这个是不安全的。还有这个是在<head>标签下的。<styletype="text/css">body{background-image:url('images/background2.jpeg');background-size:cover;line-height:2;}.center-text{text-align:......
  • CSS 头部固定,中间滑动
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width......
  • 裁剪的3种方式,CSS 如何隐藏移动端的滚动条?
    在移动端开发中,经常会碰到需要横向滚动的场景,例如这样的但很多时候是不需要展示这个滚动条的,也就是这样的效果,如下你可能想到直接设置滚动条样式就可以了,就像这样::-webkit-scrollbar{display:none;}目前来看好像没什么问题,但在某些版本的iOS上却无效(具体待测试),滚......
  • Css var 的基础使用
    Cssvar语法var(custom-property-name,value)-custom-property-name必须变量必须以--开头后面可以是英文、数字连接符,区分大小写-value不必须默认值当custom-property-name不存在时使用优先级style>id>class>tag>*>:root伪类:root相当于文档根元......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站(甜品)
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript个人网站(图书爱好)
    HTML+CSS+JS【个人网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • :empty 选择器在 css 中不起作用
    我在.error类中使用了:empty选择器。问题是,即使在带有error类的div中没有内容,error类也不会被完全删除。当我在firebug中进行测试时,我发现div中仍有一些空白,而当我删除这些额外的空格时,div就会消失。.error{border:solid1px#ff0000;color:#ff......
  • 【vue+css】实现叠层轮播图切换组件
    halo,小伙伴们,当我们需要开发一个自定义样式的叠层轮播图切换组件,在AntDesign或elementUI都没有满意的,我们是不是会考虑自己写一个,如下图所示的:笔者这次带来的支持左右切换循环切换、自动切换,话不多说,上代码:新建一个页面文件为carouselImg.vue,编写如下:<template><div......
  • css网格布局
    CSS网格布局网格是一组相交的水平线和垂直线,它定义了网格的列和行。CSS提供了一个基于网格的布局系统,带有行和列,可以让我们更轻松地设计网页,而无需使用浮动和定位。以下是一个简单的网页布局,使用了网格布局,包含六列和三行:  »浏览器支持目前最新的一些浏览器版本......
  • [CSS] Animate A Card's Width on Hover with Flexbox
    ThecardsontheDJIsitehaveaneffectwherethehoveredcardexpandsandtheothercardsshrink:Inordertoemulatethiseffectwe'lluseFlexbox.We'llstartbyaddingtheclasses flex-1 and hover:grow-[2] tothe li element,andremovingt......