首页 > 其他分享 >HTML5+CSS3笔记(Xmind格式):第二天

HTML5+CSS3笔记(Xmind格式):第二天

时间:2024-08-07 18:25:22浏览次数:15  
标签:CSS3 Xmind 渐变 HTML5 background 选择器 属性

Xmind鸟瞰图:

简单文字总结:

新增选择器:
    1.选择相邻兄弟
    2.属性选择器
    3.结构性伪类选择器
    4.整体结构类型
    5.标签结构类型
    6.指定子元素的序号
    7.文本选择伪元素
    8.表单中使用的状态伪类选择器
    9.内容追加伪元素
    10.JS新增的选择器

CSS3新增样式属性:
    1.background-image多重背景
    2.background-image的渐变:线性渐变,径向渐变
    3.background-size背景缩放
    4.background-origin背景定位原点
    5.CSS3的opacity 属性
    6.CSS3的filter(滤镜) 属性
    7.hsla() 函数
    8.calc() 函数
    9.box-sizing盒模型属性

详细Xmind原文档,在文章顶部自取下载!

标签:CSS3,Xmind,渐变,HTML5,background,选择器,属性
From: https://blog.csdn.net/m0_71805303/article/details/140870839

相关文章

  • CSS3第一天(基础选择器+复合选择器)
    1.选择器基础选择器:标签选择器(某一类标签)、类选择器(一个或几个标签,最常用)、id选择器和通配符选择器标签名{属性1:属性值1;属性2:属性值2;...}类选择器(可以多个标签使用).类名{属性1:属性值1;...}<ul><liclass="red">大雨</li></ul>类名长的,可以用短横线分割,最......
  • CSS3新特性
    目录:一、选择器的扩展1.属性选择器2.伪类选择器3.伪元素选择器二、盒子模型的增强1.box-sizing属性2.边框圆角(border-radius)3.盒阴影(box-shadow)三、过渡和动画效果1.过渡效果2.动画效果四、响应式布局1.媒体查询(mediaquery)2.弹性布局(Flexbox)一、选择器......
  • Xmind2024支持多平台使用,包括Windows、Mac、iOS、等操作系统
    “Xmind2024”是Xmind公司推出的一款全新的思维导图软件,它集成了多种功能,包括智能导图、AI生成、语音输入等。这款产品旨在帮助用户更高效地整理思路,提高思维能力。让我们来了解一下Xmind2024的特点。它采用了全新的设计风格,界面简洁明了,操作便捷。同时,它还提供了丰富的模板......
  • XMind2024思维导图软件特别版+便携版Mac+win+平板
    大家好!今天我们要聊的是一款神奇的思维工具——Xmind2024。你是否常常感到思维混乱,无法集中注意力,或者在处理复杂问题时感到无从下手?如果你有以上的困扰,那么恭喜你,Xmind2024将为你打开一扇全新的大门。让我们先来看看Xmind2024的特点吧。这款产品最大的亮点在于其强大的思维导......
  • HTML5 WebSocket 详解及使用
    1.WebSocket是什么?WebSocket是HTML5提供的一种在单个TCP连接上进行全双工通讯的协议。(双向通信协议)2.WebSocket的作用?实现客户端与服务器之间的双向通信,允许服务端主动向客户端推送数据。在WebSocketAPI中,浏览器和服务器只需要完成一次握手,两者之间就直......
  • 【软件测试入门】HTML5
    HTML概述HTML指的是超文本标记语言,它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言。标记语言是一套标记标签。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是由国际最著名的标准化组织。Web标准的构成(重点)主要包括......
  • HTML5+CSS3笔记(Xmind格式):第一天
    Xmind鸟瞰图:文字总结:1.新增语义化标签:-header:定义文档的页眉,用来表示页面的头部。-nav:定义导航链接的部分nav元素代表页面中的导航,其中的导航元素链接到其他页面或当前页面的其他部分。-main:主体信息-aside:侧边栏-article:article元素表示文档、页面或应用程......
  • html5十大特性
       HTML5总体比HTML4多了十个新特性,但其不支持IE8及IE8以下版本的浏览器。语义化标签表单功能视频和音频Canvas绘图SVG绘图地理定位拖放APIWebWorkerWebStorageWebSocket1、语义化标签结构化元素 HTML5提供的新元素可以更好的描述网页文档结构,比如: 其他......
  • CSS笔记总结(Xmind格式):第一天
    Xmind鸟瞰图:简单笔记总结:css知识总结:1.css使用方式:行内样式:直接在html标签中添加style属性内部样式表:在文件内部添加的样式外部样式:单独的css样式文件,通过link标签引入使用@import导入的外部样式:会在html加载完成之后才开始使用,且必须在style最上方使用2.字体样式:字......
  • XMind v2024 解锁版下载及安装教程 (全球领先的商业思维导图软件)
    简述XMind是一款专业的全球领先的商业思维导图软件,在国内使用广泛,拥有强大的功能、包括思维管理、商务演示、与办公软件协同工作等功能。它采用全球先进的EclipseRCP软件架构,是集思维导图与头脑风暴于一体的可视化思考工具,能用来捕捉想法、理清思路、管理复杂信息并促进......