自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 背景图片平铺方式

背景图片平铺方式background-repeat图片的尺寸小于标签尺寸repeat 平铺(默认值)no-repeat 不平铺repeat-x x方向平铺repeat-y y方向平铺

2021-06-14 15:27:03 336

原创 CSS列表

列表祖先元素​ table子元素thead、tbody、tfoot后代元素​ tr代表行,是thead、tbody、tfoot的子元素注:thead里的tr是th单元格td是tr行的子元素注:如果table的子元素是tr,浏览器会自动补tbody标签设置td的距离,cellspacing和celling是table标签的属性cellspacing表示td之间的距离cellpaddin表示td的内边距注:引用重置文件无效...

2021-05-30 16:22:26 78

原创 背景图片平铺方式

背景图片平铺方式background-repeat图片的尺寸小于标签尺寸repeat 平铺(默认值)no-repeat 不平铺repeat-x x方向平铺repeat-y y方向平铺

2021-05-23 20:20:37 221

原创 flex(弹性布局)主轴对齐方式

justify-content是主轴对齐的对齐方式当主轴方向是row(行 默认值)flex-start (默认值)左对齐flex-end 右对齐center 水平居中当主轴方向是column(列)flex-start (默认值)顶端对齐flex-end 底部对齐center 垂直居中space-between 两端对齐space-around 分散对齐justify-content:flex-startjustify-content:flex-endjustify-cont..

2021-05-16 15:15:57 5484

原创 盒子位置

盒子位置合资在包含块的垂直方向上依次摆放依次摆放:按照HTML元素的书写顺序从上到下垂直方向上,若两个外边距相邻,则进行合并(折叠)垂直方向:水平方向上的外边距不会合并外边距相邻:两个外边距之间没有border、padding、margin外边距合并(规则):相同值,取一个。都是正值取最大。都是负值取最小。一正一负则相加。附加功能:禁止外边距合并overflow:hidden(附加功能;清除浮动)属性常规流浮动margin-left:auto尽量撑满包含

2021-05-09 17:55:31 77

原创 清除浮动

常规流遇上浮动浮动盒子在摆放时,要避开常规流盒子常规流盒子在摆放时,无视浮动盒子常规流盒子的自动高度计算时,无视浮动盒子。——高度塌陷清除浮动对一个元素清除浮动,可以让改元素摆放时,出现在浮动元素的下方对最后一个子元素使用clear:both,可防止父元素高度塌陷是否继承:否默认值:none...

2021-05-01 20:22:41 64

原创 盒模型

盒模型概述盒子的分类不同的元素产生的盒子类型可能不同一个盒子,产生什么样的盒子,取决于它的css的display属性属性:dispaly是否继承:否默认值:inlinedisplay:none 不产生盒子display:inline 行盒display:block 块盒display:其他属性盒子的组成包含内容:content(内容)、padding(内边距)、border(边框)、margin(外边距)padding的取值padding:10px;方向:上、下、左、右pa

2021-04-24 21:12:55 59

原创 a标签4种状态

a标签4种状态1.已访问a:visited{color:red}2.未访问a:link{color:red}3.鼠标悬停(移入)a:hover{color:red}4.鼠标悬停时a:active{color:red}5.焦点框a:focus{color:red}

2021-04-17 16:27:58 400

原创 css应用

csscss规则css代码有一个一个的规则组成每个规则决定了,对那些元素应用什么样式选择器选择器{声明块}选择器:选择页面上的某些元素(选择0-1个)命名规则适用范围(ID、类)不要以数字开头可以包含字符(字母、数字、下划线、连字符)区分大小写(大小写敏感)大括号之前的内容是选中的元素,在这之前全都是元素的条件1、元素选择器p{color:red}书写格式:元素名{声明块}伪元素选择器<article><section></section

2021-04-11 18:10:53 84

原创 css样式表

css样式表外部样式表内部样式表行内样式表css代码在独立的文件中,html通过link元素引入到页面使用外部样式表的特点:实现了内容结构的表现形式代码分离,方便复用和维护使html代码更加纯净,有利于程序员和维护人员的阅读是开发页面的常见做法使用内部样式表没有了样式表文件,在某些时候可以提升效率多个页面难以共享样式,不利于代码使用HTML代码和css代码混杂,不利于程序员和搜索引擎的阅读使用行内样式表没有了样式表文件,在某些时候可以提升效率多个页面难以共享样式

2021-04-04 15:28:46 64

原创 html常见文本属性

HTML文本属性在html文档中,标记名、属性、元素内容共同决定了一个元素的显示内容和行为其中文本的相关属性可以设置text文本的相关样式属性作用color设置文本的颜色text-transform控制文本的大小写text-justify规定当text-align设置为“justify”时所使用的方法direction规定文本的方向/书写方向unicode-bidi设置文本的方向text-outline设置文本的轮廓letter-sp

2021-03-27 20:30:22 873 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除