![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
HTML基础及CSS基础相关知识总结
yanzi_0216
这个作者很懒,什么都没留下…
展开
-
css实现三角形
css实现三角形图中四个颜色不同的三角形的形成方案是:div { width: 0; height: 0; border-top: 10px solid red; border-right: 10px solid green; border-bottom: 10px solid blue; border-left: 10px solid black;}而上图中的 css 代码绘制的是一个箭头指向右侧的粉色三角形。代码中被框出来的行高和字号的样式是为了实现低版本浏览器的兼容原创 2020-11-05 09:40:49 · 101 阅读 · 0 评论 -
flex布局
flex布局一、布局块级元素flex布局display: flex;内联元素flex布局display: inline-flex;注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。二、基本概念采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cros原创 2020-10-13 10:20:13 · 376 阅读 · 1 评论 -
CSS3的calc方法
CSS3的calc方法CSS3的calc()函数允许我们在属性值中执行数学操作。例如,我们可以使用calc()指定一个元素宽的固定像素值为多个数值的和。calc()方法的优势其一第二,使用calc(),计算值是表达式它自己,而不是表达式的结果。当使用CSS预处理器做数学运算时,给定值为表达式的结果。// 使用calc()方法时,浏览器解析的calc()的值为真实的calc()表达式。.foo { width: calc(100px + 50px);}// 浏览器解析的calc的值如下:.f原创 2020-08-18 16:03:13 · 948 阅读 · 0 评论 -
HTML基础
初识HTMLHTML起步HTML骨架<html> <head> <title>网页标题</title> </head> <body> 网页主体内容 </body></html>HTML文档类型<!DOCTYPE><!DOCTYPE>声明必须是 HTML 文档的第一行,位于 标签之前。<!DOCTYPE>声明不是 HTML 标签;它原创 2020-08-04 15:58:01 · 109 阅读 · 0 评论