初学css

最新推荐文章于 2024-07-10 00:05:57 发布
最新推荐文章于 2024-07-10 00:05:57 发布
阅读量42 收藏
点赞数
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AtroxKing/article/details/121437410
版权

1.css介绍

1.w3c介绍

W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。  自从Web诞生以来，Web的每一步发展、技术成熟和应用领域的拓展，都离不开成立于1994年10月的W3C(World Wide Web Consortium，万维网联盟)的努力。W3C是专门致力于创建Web相关技术标准并促进Web向更深、更广发展的国际组织。

结构层： HTML 用于描述网页的展示结构

表现层： CSS 用于修饰装饰网页的美观度

行为层: JavaScript 用于完成页面的组件

（按钮，动画 事件 或者窗口等一些动态效果）

1.2什么是css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

2.css层叠样式表

2.1引入方式

行内样式
内嵌样式
外链样式
导入样式

2.1.1行内样式

行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式，行内样式又叫做标签样式，它是在标签里面加上style属性

2.1.2内嵌样式

内嵌式就是把样式写在<head>标签中，并用<style>标签去声明，样式写在style标签里面（style标签在head标签内）

AtroxKing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css
qq_34850703的博客
06-28 386
CSS3 Study 总览 什么是CSS 怎么使用CSS CSS 选择器 美化网页(文字, 阴影, 背景, 超链接, 列表, 渐变效果…) 盒子模型 浮动 定位 网页动画(特效) 什么是CSS 什么是CSS cascading Style Sheet 层叠级联样式表, 用于美化网页, 比如高度, 宽度, 文字, 阴影, 背景, 超链接, 列表, 渐变效果… CSS发展史 CSS1.0 只能做一些简单的样式调整,比如字体加粗等. CSS2.0 DIV + CSS, HTML 与 CSS结构分离, 代码
初学CSS
qq_51552328的博客
06-20 128
初学css
初学CSS发光圆形背景
https://github.com/blingbling-110
08-10 1046
利用radial-gradient() CSS函数实现 示例： <div></div> div { width: 300px; height: 300px; background: radial-gradient(circle at top, orange, transparent 40%); /* 便于观察DOM */ border: solid 1px black; }
HTML CSS 初学的练习.zip
12-30
HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习...
css：全栈开发之初学css和对stylus的初步掌握
02-23
初学者在学习CSS时，首先要理解其基本概念和语法，包括选择器、属性和值，这些都是创建网页样式的基石。 1. **选择器**：CSS通过选择器来定位HTML或XML文档中的元素。基础的选择器有类型选择器（如`div`）、ID选择...
初学CSS样式让一行显示两行文字及删除线颜色改变的探索（第一次写博客求指点）
01-20
对于初学者而言，这些尝试提供了很好的实践经验，有助于深化对CSS的理解。在实际的网页设计中，还可以考虑使用CSS Flexbox或Grid布局来更高效地处理这类布局问题。同时，对于删除线颜色的更改，`text-decoration-...
初学css制作的按钮变色
02-01
本教程将针对初学者，详细讲解如何使用CSS来实现按钮在鼠标悬停时的颜色变化效果。 首先，我们要理解CSS选择器的基本概念。选择器是CSS用来定位HTML元素的工具，比如`<button>`标签就是一个常见的HTML元素。在我们...
CSS学习初学使用教程
07-08
初学CSS，请使用此教程，简单易懂，童叟无欺。
springmvc前端jsp与html
paulwang040的博客
07-08 348
在实际的项目中，JSP和HTML往往不是非此即彼的关系，而是可以结合使用的。例如，可以使用HTML来构建页面的基本结构和静态内容，对于需要动态展示的数据，则可以通过Ajax技术从服务器端获取JSON格式的数据，然后在前端使用JavaScript和DOM操作来动态更新页面内容。动态内容生成：如果需要在HTML页面中展示动态内容，通常需要通过JavaScript（Ajax等）技术从服务器端获取数据后，再通过DOM操作来动态更新页面，这增加了前端开发的复杂度。轻量级：HTML页面加载速度快，对服务器压力小。
HTML(27)——渐变
m0_74386799的博客
07-08 362
渐变是多个颜色逐渐变化的效果，一般用于设置盒子模型。
HTML 标签列表（功能排序）
07-07 353
HTML（超文本标记语言）是构建网页的标准语言，它定义了网页的结构和内容。HTML包含众多标签，每个标签都有其特定的功能和用途。本文将按照功能对HTML标签进行分类和排序，以帮助您更好地理解和使用这些标签。
html高级篇
qq_48257021的博客
07-04 832
translform:translateZ（100px）：仅仅是在z轴上移动（注意：translateZ一般用px单位）transform:translate3d（x，y，）：其中x、y、z分别指要移动的轴的方向的距离。translform:translateX（100px）：仅仅是在x轴上移动。translform:translateY（100px）：仅仅是在Y轴上移动。·z轴：垂直屏幕注意：往外面是正值，往里面是负值。·x轴：水平向右注意：X右边是正值，左边是负值。
html的浮动作用详解
AOMGyz的博客
07-07 609
虽然浮动是Web开发中重要的布局技术之一，但它也带来了一些复杂性和限制。随着Flexbox和Grid等现代CSS布局技术的出现，浮动在复杂布局中的应用逐渐减少，但在某些简单场景或需要向后兼容旧浏览器的项目中，浮动仍然是一个有用的工具。后续会持续更新分享相关内容，记得关注哦！CSS属性：通过float属性来实现元素的浮动。该属性可以接受几个值，包括leftrightnone（默认值，表示不浮动）和inherit（继承父元素的float值）。例子
【前端】从零开始学习编写HTML
Eristic0618的博客
07-01 1543
本篇文章围绕HTML展开讲解，包含前端和HTML的概念、HTML文档的基本结构、HTML常见标签和实现简单的网页等内容
HTML 【实用教程】（2024最新版）
朝阳39的博客
07-06 1118
块状元素可保留所有空白字符(空格、换行符)，原封不动的输出结果，常用于展示计算机的源代码。< pre > 你好：我昨天给你打了个电话。 你好：我昨天给你打了个电话。
html三级菜单
qq_70036866的博客
07-05 821
三级菜单</a></li><li><a href="#">三级菜单</a></li>-- <li><a href="#">一级菜单</a></li> --><li><a href="#">二级菜单</a></li><a href="#">二级菜单</a><a href="#">一级菜单
HTML 标签简写和全称及其对应的中文说明和实例
最新发布
lulei5153的博客
07-10 417
【代码】HTML 标签简写和全称及其对应的中文说明和实例。
03CSS自学资源.pdf
07-03
CSS3新增了更多的选择器，如伪类选择器（`:hover`, `:active`, `:focus`等），伪元素选择器（`::before`, `::after`等），以及基于内容的属性选择器和子元素选择器等。 CSS3的引入带来了许多新的功能和改进，例如：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值