前端之css样式(选择器)。。。 一、css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 例如 二、css的四种引入方式 1.行内式 &nbs ...
分类:
Web程序 时间:
2019-10-03 11:01:43
阅读次数:
147
最近给自己定了一个小目标,一周温习一个基础知识点,并输出一篇手记。看自己是否能坚持下去。^_^ ...
分类:
其他好文 时间:
2019-09-26 13:20:48
阅读次数:
98
1、用纯css创建一个三角形的原理: .demo{ width:0; height: 0; border: 5px solid transparent; border left color: red; } 2、为什么要初始化css样式 不同的浏览器堆标签的默认值是不同的,如果没有对css初始化往往会 ...
分类:
Web程序 时间:
2019-09-26 10:01:16
阅读次数:
92
前段笔试基础题(有空更新) html常见题目(包括基础知识): 1、div和span的区别: :div是块级元素的代表,每个块级元素独占一行,在不设置宽高的情况下默认宽度是父元素的100%; span是行内元素的代表,行内元素与其他行内元素共享一行,默认情况狭隘的宽度由内容自适应。 2、positi ...
分类:
其他好文 时间:
2019-09-23 09:37:12
阅读次数:
83
1、弹性布局的使用 (1) display:flex;给父容器添加这个属性; (2) display:flex; 容器添加弹性布局后,显示为块级元素; display:inline-flex; 容器添加弹性布局后,显示为行级元素; (3) 设为 Flex布局后,子元素的float、clear属性将失 ...
分类:
Web程序 时间:
2019-09-22 19:56:13
阅读次数:
220
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
面试题讲解: 第一题:行内元素有哪些?块级元素有哪些?有哪些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
1.html5中新增的语义化标签: artical footer header nav section aside 2.在IE8和IE8以下浏览器不支持以上新增的语义化标签 3.解决方案 方案1:在浏览器解析前动态创建标签元素,然后转成块级元素 例如: 方案2:通过引入html5shiv.js插件动 ...
分类:
Web程序 时间:
2019-09-14 19:09:37
阅读次数:
132