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 · 104 阅读 · 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 · 203 阅读 · 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 · 256 阅读 · 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 · 204 阅读 · 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 · 92 阅读 · 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 · 203 阅读 · 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 · 163 阅读 · 0 评论 -
8.内外边距和边框粗细
盒子宽的组成(width) 盒子高的组成(height) border-left border-top border-left border-top padding-left padding-top width height padding-right padding-bottom border-right padding-bottom margin为外边距...原创 2019-06-01 20:23:50 · 271 阅读 · 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 · 153 阅读 · 0 评论 -
6.背景
作用 background-color 背景颜色 background-image 背景图片 background-repeat 是否平铺 background-attachment 背景滚动还是固定 background-position 背景位置 缩写: background:颜色 图片地址 是否平铺 是否滚动 位置 背景颜色 <!doctype ...原创 2019-06-01 19:17:38 · 188 阅读 · 0 评论 -
5.css权重
当我们的网页上有多个选择器冲突时,就需要比较他们的权重来决定使用哪个 权重 继承或* 0,0,0,0 每个元素(标签) 0,0,0,1 每个类或伪类 0,0,1,0 每个id 0,1,0,0 每个行内样式 1,0,0,0 每个!important 无穷大 当权重一样时采用就近原则 一 <!doctype html> <html> ...原创 2019-06-01 19:08:00 · 109 阅读 · 0 评论 -
4.行高
原创 2019-06-01 18:58:43 · 143 阅读 · 0 评论 -
12.浮动
其实早期得浮动时用来控制突跳达到其他元素(特别是文字)达到环绕得效果, 但慢慢得有点跑偏了,选择主要是将几个块元素放在同一行 注意: float的取值只有left和right以及默认的none,没有上和下 浮动只会影响向下的元素,上边的已经定好,不会影响到的 浮动脱离标准流(我们之前写的都是标准流),不占用位置,也就是说当我们将几个块元素放在一列后记得给他们一个父元素,否则下面的元素将会与这些块...原创 2019-06-02 20:53:30 · 141 阅读 · 0 评论