30 日日志 --》关于CSS的学习

合集 - Javaweb(54)

1.2024/10/16 日日志 --》关于MySQL的中基础操作的整理以及 DQL的初步学习笔记与整理2024-10-16 2.2024/10/17日日志 --》关于MySQL中的约束、多表查询的初步学习笔记与整理2024-10-17 3.2024/10/18日日志 --》关于MySQL中的事务以及JDBC的初步学习笔记与整理2024-10-18 4.2024/10/19日日志--》关于MySQL中 JDBC的API 详解的整理简述2024-10-19 5.2024/10/21 日日志 --》关于Mysql中的数据库连接池简述笔记整理2024-10-21 6.2024/10/22日日志 --》关于Maven的基础学习笔记整理2024-10-22 7.2024/10/23日日志--》关于Maven的基础学习--2 坐标与依赖范围2024-10-23 8.2024/10/24日日志 --》关于Mybatis的学习笔记整理 - 环境与性质以及ResultMap2024-10-24 9.2024/10/25日日志 --》关于使用Mybatis进行增删改查 ---1 查询2024-10-25 10.2024/10/26 日使用Mybatic --》关于Mybatis 进行增删改查 ---2 添加、修改与删除2024-10-26 11.2024/10/28日使用Mybatic --》关于Mybatis 的参数传递与注解开发2024-10-28 12.2024/10/29 HTML --》关于HTML的快速入门与标签2024-10-29

13.2024/10/30 日日志 --》关于CSS的学习2024-10-31

Css基本内容:

点击查看代码

-- CSS
-- 什么是 CSS?
-- CSS 是一门语言，用于控制网页表现
-- CSS(Cascading Style Sheet):层叠样式表
-- W3C 标准:网页主要由三部分组成
-- 	·结构:HTML
--  ·表现:CSS
--  ·行为:JavaScript
--
-- CSS导入方式
-- ·CSS 导入 HTML有三种方式:
-- 		1.内联样式:在标签内部使用style属性，属性值是css属性键值对
-- 		<div style="color: red">Hello CSS~</div>
-- 		2.内部样式:定义<style>标签，在标签内部定义css样式
-- 		<style type="text/css">
-- 			div{
-- 					color: red;
-- 				}
-- 		</style>
-- 		3. 外部样式:定义link标签，引入外部的css文件
-- 		<link href="demo.css" rel="stylesheet" >
-- 		·demo.css:
-- 		div{
-- 				color: red;
-- 			 }
-- 例：
-- <!DOCTYPE html>
-- <html lang="en">
-- <head>
--     <meta charset="UTF-8">
--     <title>导入方式</title>
--     <style>
--         span{
--             color:red;
--         }
--     </style>
-- 
--     <link href ="../css/demo.css" rel = "stylesheet">
-- 
-- </head>
-- <body>
-- 
--     <div style = "color : red">hello css</div>
-- 
--     <span>hello css</span>
-- 
--     <p>hello css</p>
-- </body>
-- </html>
-- -- --------
-- p{
--     color:red;
-- }
--
-- Css选择器
--  ·概念:选择器是选取需设置样式的元素(标签)
--  div{color: red;}
-- 分类:
-- 1. 元素选择器
-- 元素名称{color: red;}  
-- 												div{color:red;}
-- id选择器
-- #id属性值{color: red;}   
-- 												#name{color: red;}
-- 												<div id="name">hello css2</div>
-- 类选择器
--  .class属性值{color: red;}
--  											.cls{color: red;}
-- 												<div class="cls"> hello css3</div>
-- 例：
-- <!DOCTYPE html>
-- <html lang="en">
-- <head>
--     <meta charset="UTF-8">
--     <title>css选择器</title>
-- 
--     <style>
--         div {
--             color: red;
--         }
--         /*谁选择的范围小谁生效*/
--         #name{
--             color: blue;
--         }
-- 
--         .cls{
--             color: pink;
-- 
--         }
-- 
--     </style>
-- 
-- </head>
-- <body>
-- 
-- <div>div1</div>
-- <div id = "name">div2</div>
-- <div class = "cls">div3</div>
-- 
-- <span class="cls">span</span>
-- 
-- </body>
-- </html>
--
-- Css属性
-- https://www.w3school.com.cn/
--

                                                                                                                                                              --------------Moonbeams

posted @ 2024-10-31 00:04 Moonbeamsc 阅读(11) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 2024/11/1日日志关于JavaScript简介&引入方式以及基础语法的学习

· 2024/10/29 HTML --》关于HTML的快速入门与标签

· CSS简单了解

· 【CSS 学习】（一）入门

· CSS简介

阅读排行：
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· DeepSeek在M芯片Mac上本地化部署

公告

昵称： Moonbeamsc
园龄： 8个月
粉丝： 1
关注： 1

+加关注

2025年3月

日

一

二

三

四

五

六

MoonbeamsC

见微知著，历久弥新。

2024/10/30 日日志 --》关于CSS的学习

公告

搜索

常用链接

合集

随笔分类

随笔档案

阅读排行榜

MoonbeamsC

见微知著，历久弥新。

2024/10/30 日 日志 --》关于CSS的学习

公告

搜索

常用链接

合集

随笔分类

随笔档案

阅读排行榜

2024/10/30 日日志 --》关于CSS的学习