figure、figcaption,这俩个标签都是定义图文的常常用到一种图片列表,图片+标题或者图片+标题+简单描述。以前的常规写法: title而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签。figure标签规定独立的流内容(图像、图表、照片、代码)。figur...
转载 2015-10-23 14:26:00
140阅读
2评论
  <!doct
原创 2023-06-26 22:04:18
22阅读
html5的figure/figcaption讲解及实例 一、总结 一句话总结: 1、figure+figcapture完全可以用div+h标签替代,那么他们存在的意义是什么? 二、html5--2.9新的布局元素(6)-figure/figcaption 学习要点 figure/figcaptio
转载 2019-12-07 15:25:00
311阅读
2评论
本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表,图片+标题或者图片+标题+简单描述。以前的常规写法:<li> <img src="" /><p>title</P> </li>而在html5中有了新标签
转载 2024-02-29 16:59:27
97阅读
html5--2.9新的布局元素(6)-figure/figcaption 学习要点 figure/figcaption都是HTML5中新增的元素 figure元素是一个媒体组合元素,也就是对其他的媒体元素进行组合,比如:图像、图表等等 用来给figure元素定义标题。 实例 1 <!doctype
一,属性介绍1. 浏览器支持注释:Internet Explorer 8 以及更早的版本不支持 <figure> 标签。Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figure> 标签。2. 定义和用法<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的
原创 2022-04-20 14:11:11
683阅读
/* * [Modified] Modern CSS Reset * @link https://github.com/hankchizljaw/modern-css-reset */ /* Box sizing rules */ *, *::before, *::after { box-sizin
转载 2020-06-03 14:55:00
697阅读
2评论
样式重置的目的是减少浏览器的不一致性,例如line-height,margin,标题的font-size大小等等。样式重置经常在CSS框架中出现。 这里的重置样式故意写的很一般,例如没有为body元素设置任何颜色或是背景之类,我并不建议您就拿这个重置样式应用在您自己的项目中,它应该被调整,修改,扩展
原创 2019-01-15 17:30:00
619阅读
css代码:/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,
转载 2013-08-12 14:13:00
410阅读
一、CSS 继承性1、样式的继承性2、代码示例
原创 2023-03-19 08:07:17
237阅读
概述       如果突然有一天,当你页面的主题色发生变化时,有许多元素的颜色要一起变化,这是你会考虑怎么做呢?使用Less/Sass/S
原创 2023-02-01 09:56:07
329阅读
1.CSS简介CSS是指层叠样式表(Cascading Style Sheets);在前面我们讲过HTML,比方说html是骨架的话,那么css就是肉体了;具体介绍请看百度百科;2.CSS简单引用比方说在一个html文件中,想要将多个段落的文件统一设置格式,那么就可以在head标签中添加相应的css样式;<!DOCTYPE html><html&...
原创 2021-07-19 09:31:45
468阅读
如何学习 1.css是什么 2.css怎么用(快速入门) 3.css选择器(重点+难点) 4.美化网页(文字,阴影,超链接,列表,渐变...) 5.盒子模型 6.浮动 7.定位 8.网页动画(特效效果) 1.1、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现( ...
转载 2021-08-11 15:38:00
572阅读
2评论
背景CSS是一种声明式的语言,学好CSS的难度甚至大于学好一门服务器语言(我个人的感觉),这周在学习CSS,就记录一下学习经验。·
原创 2021-07-21 15:39:30
767阅读
   性能主要表现:流量、功耗与流畅度在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端,我们选择性能更优浏览器原生实现方案:CSS3动画。然而,CSS3动画在移动多终端设备场景下,相比PC会面对更多的性能问题,主要体现在动画的卡顿与闪烁。 
转载 5月前
69阅读
内部样式 <head> <!--内部样式- le.css" /> <!--导入 ...
转载 2021-08-05 16:10:00
335阅读
2评论
马上该转战互联网领域了,在此总结一下 CSS 学习的思路。理解 CSS 的基本语法。理解盒子模型。理解文档流和定位。理解浮动和清除。理解各种 CSS
原创 2021-07-21 15:07:45
464阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例: .selector { }【强制】 属性名 与之后的:之间不允许包含空格,:与属性值之间必须包含空格。示例:font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。示例:/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创 2020-06-29 19:51:37
998阅读
1评论
文章目录定位(position)为什么要用定位?元素的定位属性静态定位(static)相对定位relative(自恋型)绝对定位absolute (拼爹型)1.父级没有定位2.父级有定位3.子绝父相 ※※绝对定位的盒子水平/垂直居中代码示例固定定位fixed(认死理型)叠放次序(z-index)四种定位总结定位模式转换顺丰案例定位(position)background-position 背景定位如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。PS: 定
CSS
原创 2020-07-03 08:04:03
767阅读
CSS基础《图解CSSCSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创 2022-09-01 15:35:28
228阅读
  • 1
  • 2
  • 3
  • 4
  • 5