1.文本对齐方式(水平方向) text align 这个属性能控制标签内文本的对齐方式,还能控制子元素中行内元素和行内块级元素的对齐方式(水平方向) 它有三个值: left:左对齐(默认) center:居中对齐 right:右对齐 这个属性会被子元素继承 2.文本缩进 text indent 用于 ...
分类:
Web程序 时间:
2019-09-22 14:58:38
阅读次数:
110
display属性共有4个值: blcok:块级元素 inline block:行内块级元素 inline:行内元素 none:隐藏元素,不占据空间 1.块级元素 常见的块级元素有div,p,ul,ol,li,h1~h6等 块级元素会默认占满父元素的宽度且独占一行 2.行内元素 常见的行内元素有sp ...
分类:
Web程序 时间:
2019-09-22 01:22:27
阅读次数:
2339
一,行内元素与块级元素的区别: 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列。 块级元素各占据一行(默认宽度是它本身父容器的100%(和父元素的宽度一致),与内容无关),垂直方向排列。块级元素从新行 ...
分类:
其他好文 时间:
2019-09-16 14:29:34
阅读次数:
75
浮动属性float 浮动就是让一个元素往左或右边“尽量挤靠”,以使其周边文字(行内元素)可以围绕该浮动元素显示。 其典型的表现就是一张图片向左对齐(align=”left”)的时候,图片标签前后的文字都能够绕着图片展示。 浮动属性float的值包括: left(向左浮动), right(向右浮动), ...
分类:
其他好文 时间:
2019-09-16 12:04:43
阅读次数:
78
面试题讲解: 第一题:行内元素有哪些?块级元素有哪些?有哪些css盒模型? 行内元素举例:a、strong、b、em、i、del、u、ins、span、... 块级元素举例:h1~h6、p、div、ul、ol、l 、... 行内块元素举例:img、input、td、... css盒模型: 1.盒模型 ...
分类:
其他好文 时间:
2019-09-15 10:51:14
阅读次数:
104
CSS元素 元素分类和区别 常用的块状元素有: 常用的内联元素有 常见的内联块状元素有 区别 | 标签类别 | 特点 | | | | | 块状元素 | 1.独自占据整一行 2.可以设置宽高(默认是父标签的100%) | | 行内元素 | 1.所有的内联元素在一行内显示 2.不可以设置宽高 | | 行 ...
分类:
Web程序 时间:
2019-09-14 13:30:06
阅读次数:
216
块级元素和行内元素块级元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是css layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h ...
分类:
Web程序 时间:
2019-09-14 13:25:55
阅读次数:
147
行内元素: 父级元素是块级元素:父元素设置text-align:center 1.元素水平居中 居中不好使的原因: 1、元素没有设置宽度,没有宽度怎么居中嘛! 2、设置了宽度依然不好使,你设置的是行内元素吧 实例1: 2.元素水平垂直居中 方案1:position 元素已知宽度 父元素设置为:pos ...
分类:
Web程序 时间:
2019-09-14 11:04:21
阅读次数:
109
01-flex-介绍 相比于传统布局,特点快,对移动端兼容性好; 面试:flex布局又叫伸缩 布局 、弹性布局 、伸缩盒布局 、弹性盒布局 ; 思想上:使用思想上和传统盒子完全不同,不要再想子元素是块级元素、行内元素等, 语法: 相比于传统布局,特点快,对移动端兼容性好; 面试:flex布局又叫伸缩 ...
分类:
其他好文 时间:
2019-09-11 22:10:53
阅读次数:
133
HTML5提供了很多新的标签,由于HTML5的兼容性比较差,HTML5的标签常用于手机端 CSS3结构伪类选择器 :first-child 选中第一个元素 :last-child 选中最后一个元素 :nth-child(n) 选中第几个元素 其中n除了填写数字代表第几个元素外,填写n代表选择所有元素 ...
分类:
Web程序 时间:
2019-09-09 19:54:37
阅读次数:
119