首页 > 其他分享 >CSS简单了解

CSS简单了解

时间:2023-01-21 13:11:58浏览次数:43  
标签:HTML 导入 了解 CSS 简单 div css 属性

CSS

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

CSS(Cascading Style Sheet):层叠样式表

W3C标准:网页主要由三部分组成

结构:HTML

表现:CSS

行为:JavaScript

CSS体验:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 选择器:表示控制HTML中的div标签 */
        div{
            color: red;
        }
    </style>
</head>
<body>
    <div>Hello CSS~</div>
</body>
</html>
CSS导入方式

CSS 导入 HTML有三种方式:

​ 1、内联样式:在标签内部使用style属性,属性值是css属性键值对:耦合性太强不推荐

<div style="color: red"> hello css~</div>

​ 2、内部样式:定义

标签:HTML,导入,了解,CSS,简单,div,css,属性
From: https://www.cnblogs.com/fragmentary/p/17063726.html

相关文章

  • HTML简单了解
    HTML什么是HTML?HTML是一门语言,所有网页都是用HTML这门语言编写出来的HTML(HyperTextMarkupLanguage):超文本标记语言​ 超文本:超越了文本的限制,比普通文本更强大......
  • MyBatis简单了解
    MyBatis其中:二中的2、3是使用的基本一、概述:什么是MyBatis​ 是一款优秀的持久层、框架,用于简化JDBC开发​ MyBatis本是Apache的一个开源项目iBatis......
  • 系统的混乱并非业务本身之复杂,我们并不擅长处理『简单』
    前言一群高智商青年在餐厅吃饭,餐桌上一个瓶盖标识为盐的瓶子里装得是胡椒粉,而标识为胡椒粉的瓶子里装得却是盐,他们想出了一个充满才气的方案来完成对调--仅需要一......
  • 使用 UnoCSS shortcuts 简化 class
    UnoCSS确实简化了不少样式书写、也降低了CSS打包体积,提升了样式使用率。但样式太多的话,class也写得多,比较费眼。所幸,UnoCSS提供了shortcuts来简化class,并且可以通......
  • 互斥锁简单介绍
    可重入锁意思是object.lock()获取锁后,可以再次使用object.lock()获取锁,如果发生了死锁就不是可重入锁公平锁就是排队买票,不公平锁就是插队买票锁实现的基本原理1.需要一......
  • stencil的简单使用
    这边给unlit(不发光)shader加上stencil功能Unlit_Stencil.shader,其中stencil相关的用//-----包起来了Shader"My/Unlit_Stencil"{Properties{_Mai......
  • dremio backend webserver 简单说明
    dremio的webserver是基于jetty+jersey开发的webserver同时也和标准的dremio服务一样实现了service接口方便服务的启动具体是由DACDaemon调用触发的启动webserve......
  • 史上最简单 OpenCV for C++ 在 Windows 和 Ubuntu 上编译安装使用教程
    准备工作原材料Ubuntu系统(非必须,Windows也可以,主要是Ubuntu适合编译)OpenCV3.4.1压缩包OpenCVcontrib3.4.1压缩包MinGW(Windows上运行GCC)版本信息......
  • 了解Spring
    目录Spring概述Spring家族SpringFrameworkSpringFramework特性SpringFramework五大功能模块(仅是SpringFramework)Spring概述官网地址:https://spring.io/Spring......
  • Java CSS3
    CSS层叠级联样式表快速入门CSS可以在html文件中写,写在<style>中,一般style写在head中(HTML,CSS没有分离)<style>h1(选择器){ 可以设置h1的属性(声明,分号结尾)}<......