linux办公网
零基础入门JavaWeb——CSS相关知识
创始人
2024-03-03 13:44:41
0次

一、CSS的作用

SS是用于设置HTML页面标签的样式，用于美化HTML页面。

二、CSS的引入方式

2.1 行内样式

在要设置样式的标签中添加style属性，编写css样式；行内样式仅对当前标签生效。

hello world

2.2 内部样式

一般是在当前页面的head标签中添加style标签，在style标签中编写css样式代码；内部样式仅对当前页面生效。



css的引入方式


内部样式示例1
内部样式示例2

2.3 外部样式

  1. 在css文件夹（如果没有需要创建）创建.css文件
  2. 编写CSS文件
  3. 引入外部CSS标签：在需要使用这个CSS文件的HTML页面的head标签内加入。


另一个页面


 我是一个one块
 我是一个two块
 我是一个two块

三、CSS代码语法

  1. CSS样式由选择器和声明组成，而声明又由属性和值组成。
  2. 属性和值之间用冒号隔开。
  3. 多条声明之间用分号隔开。
  4. 使用/…/声明注释

四、CSS选择器

  1. 标签选择器
  2. id选择器
  3. 类选择器


css的引入方式


hello world
你好，世界
内部样式示例1
内部样式示例2

页面效果如下：

请添加图片描述

学海无涯苦作舟

上一篇：AI美颜SDK算法详解

下一篇：写了半个月近3万字，助你直接上手Flink，原来这就是流批一体的处理方式

相关内容

热门资讯

前端-session、jwt 目录：   （1）session （2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作： 我们首先创建了一个文件并在这个文件里面添加了...
关于测试，我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语，但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组，我们想大量频繁的去访问L到R这个区间的和，...
nodejs：本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本，node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构：jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路，走一条最大的...
常用的DOS命令 常用的DOS命令 DOS（Disk Operating System，磁...
＜C++＞ 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数，cons...