首页 > 其他分享 >CSS

CSS

时间:2022-10-25 22:23:14浏览次数:51  
标签:样式 标签 CSS 选择器 red 属性

CSS简介

CSS是一门语言,用于控制网页表现

CSS:层叠样式表

W3C

 

CSS导入方式

CSS导入HTML有三种方式

  1. 内联样式:在标签内部使用style属性,属性值是css属性键值对

<div style=”color:red”>Hello CSS~</div>

  1. 内部样式:定义<style>标签,在标签内部定义CSS样式

<style type=”text/css”

Div{

Color:red;

}

</style>

  1. 外部样式:定义link标签,引入外部的css文件

<link rel=”stylesheet” href=”demo.css”>

 

Demo.css:

Div{

Color:red;

}

 

CSS选择器

概念:选择器是选取需设置样式的元素(标签)

Div{

Color:red;

}

分类:

  1. 元素选择器

元素名称{color:red;}

  1. id选择器

#id属性值{color:red;}

  1. 类选择器

.class属性值{color:red;}

标签:样式,标签,CSS,选择器,red,属性
From: https://www.cnblogs.com/jy-all-bug/p/16826575.html

相关文章

  • vite+ts+scss 设置多个scss公共样式不起作用
    preprocessorOptions:{scss:{additionalData:`@use"./src/assets/scss/style.scss"as*;@use"./src/assets/scss/index.scss"as*;@use"./src/assets/scss/......
  • css命名
    BEM是一种CSS命名规范。BEM代表“块(block),元素(element),修饰符(modifier)”。好处:摆脱特异性的困扰修复继承问题停止担心命名在选择器中,由以下三种符号来表示扩展的关系:......
  • vite+vue3使用tailwindcss
    vite+vue3使用1.通过npm安装Tailwindnpminstall-Dtailwindcss@latestpostcss@latestautoprefixer@latest2.创建您的配置文件npxtailwindcssinit这将会在......
  • css-垂直居中
    前言水平居中可以简单使用以下两种方式:margin:0auto;text-align:center;故重点讨论垂直居中1.(一行文字)设置行高等于父元素高度line-height:200px;//设置行高等于......
  • CSS盒子模型与定位
    盒子模型与定位元素简单分三大类:块级元素,内联元素(行级),内联块级元素块级元素:元素宽度在不设置的情况下,是它本身父容器的100%常见的块级元素有:<div>,<p>,<h1>~<......
  • CSS `@font-face` & font-family All In One
    CSS@font-face&font-familyAllInOne@font-face&font-family@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Regular-webfont.woff2")......
  • css-常用布局-圣杯
    双飞翼布局body<body><divclass="header">header</div><divclass="container"><divclass="middle">middle</div><divclass="left">lef......
  • CSS定位布局
    CSS定位布局static静态定位,也是position的默认值relative.box2{position:relative;Left:15px;top:15px;}相对定位,但是元素所占空间仍在原位absoluteposi......
  • css边框样式(css边框样式属性使用的是)
    CSS列表样式属性list是怎样的?  若list-style-image属性值为none或指定url地址的图片不能被显示时,此属性将发生作用。disc:CSS1实心圆circle:CSS1空心圆squ......
  • css颜色(css颜色表示方法)
    css如何改变按钮的背景颜色和文字颜色?ys{border:1solid#FFCC00;color:#FFCCFF;font-size:9pt;font-style:normal;font-variant:normal;font-weight:normal;height:1......