css
文章平均质量分 64
努力努力再努力12138
勇往直前,不忘初心
展开
-
传统css布局
css布局重点浮动float定位position盒模型flexgrid/layout1.正常布局流块元素(display:block):下一个元素会另起一行内联元素(display:inline):与上一个元素在同一行,不能设置宽高内联块(display: inline-block)ps:外边距叠加如果两个相邻的元素都设置了margin 并且两个margin有重叠,那么更大的设置会被保留,小的则会消失2.弹性盒子(display:flex)...原创 2021-03-03 16:40:10 · 183 阅读 · 0 评论 -
css元素选择器
1.类型选择器html {color:black;}p {color:gray;}2.h2, p {color:gray;}两个都应用右边3.通配符选择器* {color:red;}整体都应用4.#intro {font-weight:bold;} id选择器:唯一.important {color:red;} 类选择器(可以重名)5.后代选择器p.important {color:red;}h1 em {color:red;}<p class="imp原创 2021-01-26 19:06:49 · 284 阅读 · 0 评论 -
css 布局知识
css布局1、正常布局流(基础,建议学习,若已了解,可跳到下一标题)块状元素:占一行,宽度与父元素一样,高度与内容高度一样(内联元素转块元素方法)设置display: block; (或者,display: inline-block; inline-block 混合了inline 和 block的特性。)常见块状元素:div,form,h1```h6,hr,caption,p,列表,表格标签。行内元素:宽度与内容宽度一样,相邻的行内元素会排在一行,排满才进入下一行或溢出。不原创 2020-11-01 21:01:14 · 419 阅读 · 0 评论 -
css基础知识2
css基础知识2代码可直接运行盒子模型介绍outlinemargin,padding嵌套选择器third.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <meta name="茜崽" content="css学习"> <title>我爱万茜!</title> &l原创 2020-09-28 19:42:46 · 130 阅读 · 0 评论 -
CSS基础知识1
CSS基础知识1连载系列可直接运行second.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="万茜的乖乖"> <title>我爱万茜</title> <link href="../css/2.css" rel="stylesheet" type="t原创 2020-09-26 21:39:52 · 65 阅读 · 0 评论