![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
P_ning
一只小菜鸟的笔记
我的大部分笔记存放处在码云的仓库里面https://gitee.com/P_n_ing
有空的话我会把详细的步骤会写在这里
(当然是在我打完游戏后如果还有空闲的时间( ´◔ ‸◔`))
展开
-
3.标签显示模式
块级元素每个块级元素通常都会占据一整行或多挣整,且可以设置高度宽度对齐等属性常用于网页结构的布局和搭建,常见的块级元素有<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li>等等,其中<div>标签是最典型的块元素特点:1.总是从新遗憾开始2.行高,高度,外边距以及内边距都可以控制...原创 2019-06-01 18:23:48 · 84 阅读 · 0 评论 -
11.圆角外边框
圆角外边框<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> div{ width:500px; height:500px; border:2px #F0...原创 2019-06-02 20:53:06 · 171 阅读 · 0 评论 -
2.选择器
<!doctype html><html><head><meta charset="utf-8"><title>id选择器</title><style type="text/css"> #study{ font-size:40px; color:#0FF; }</style> ...原创 2019-05-29 19:13:07 · 240 阅读 · 0 评论 -
1.最基础的css元素及属性
<!doctype html><html><head><meta charset="utf-8"><title>元素内嵌样式表</title></head><body><a>没加字体大小</a><a style="font-size:40px">像...原创 2019-05-29 19:05:17 · 177 阅读 · 0 评论 -
10边距合并问题
块之间的外边距合并(无法解决,要避免)<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> .c1{ width:500px; height:500px; ...原创 2019-06-01 20:38:24 · 81 阅读 · 0 评论 -
10边距合并问题
块之间的外边距合并(无法解决,要避免)<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> .c1{ width:500px; height:500px; ...原创 2019-06-01 20:38:24 · 169 阅读 · 0 评论 -
9.盒子居中对齐
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> .c1{ width:500px; height:500px; border:5px #F66 sol...原创 2019-06-01 20:30:19 · 144 阅读 · 0 评论 -
8.内外边距和边框粗细
盒子宽的组成(width)盒子高的组成(height)border-leftborder-topborder-leftborder-toppadding-leftpadding-topwidthheightpadding-rightpadding-bottomborder-rightpadding-bottommargin为外边距...原创 2019-06-01 20:23:50 · 246 阅读 · 0 评论 -
7.控制边框
边框的控制<!doctype html><html><head><meta charset="utf-8"><title>边框</title><style type="text/css"> .c1{ border-width:2px; border:#3FC; border-style:...原创 2019-06-01 20:14:20 · 139 阅读 · 0 评论 -
6.背景
作用background-color背景颜色background-image背景图片background-repeat是否平铺background-attachment背景滚动还是固定background-position背景位置缩写: background:颜色 图片地址 是否平铺 是否滚动 位置背景颜色<!doctype ...原创 2019-06-01 19:17:38 · 125 阅读 · 0 评论 -
5.css权重
当我们的网页上有多个选择器冲突时,就需要比较他们的权重来决定使用哪个权重继承或*0,0,0,0每个元素(标签)0,0,0,1每个类或伪类0,0,1,0每个id0,1,0,0每个行内样式1,0,0,0每个!important无穷大当权重一样时采用就近原则一<!doctype html><html>...原创 2019-06-01 19:08:00 · 89 阅读 · 0 评论 -
4.行高
原创 2019-06-01 18:58:43 · 129 阅读 · 0 评论 -
12.浮动
其实早期得浮动时用来控制突跳达到其他元素(特别是文字)达到环绕得效果,但慢慢得有点跑偏了,选择主要是将几个块元素放在同一行注意:float的取值只有left和right以及默认的none,没有上和下浮动只会影响向下的元素,上边的已经定好,不会影响到的浮动脱离标准流(我们之前写的都是标准流),不占用位置,也就是说当我们将几个块元素放在一列后记得给他们一个父元素,否则下面的元素将会与这些块...原创 2019-06-02 20:53:30 · 122 阅读 · 0 评论