CSS基础知识 - 随笔分类 - 李荣洋

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Overflow属性意思是超过我的范围隐藏，我们写一个div标签在里面设置高度和宽度，标签里面写一个img标签加载一个图片，看代码：效果：根据结果可以看出，在div标签设置宽度和高度并没有作用于子级标签img中阅读全文

posted @ 2019-09-23 12:47 李荣洋阅读(284) 评论(0) 推荐(0) 编辑

CSS基础（二十一）--Position之调整层级位置

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线三种颜色，绿色、黑色和白色使用z-index来控制层级显示效果： z-index的数那个大那个在上面，以上代码10 在最外层然后是9 阅读全文

posted @ 2019-09-23 08:48 李荣洋阅读(1473) 评论(0) 推荐(0) 编辑

CSS基础（二十）--Position之Opacity设置标签透明度

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Opacity透明度1表示没有透明度未加opacity显示效果：加opacity显示效果：阅读全文

posted @ 2019-09-20 17:04 李荣洋阅读(278) 评论(0) 推荐(0) 编辑

CSS基础（十九）--Position之冻结首页

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线冻结首页效果：这样首页就冻结了，和Excel冻结首页效果一样。阅读全文

posted @ 2019-09-16 09:18 李荣洋阅读(297) 评论(0) 推荐(0) 编辑

CSS基础（十九）--Position之Absolute根据父级框定位

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Absolute根据父级框定位 Absolute需要和relative一起使用它应用于内部边框定位，比如你点赞，会弹出加1的提示，但是提示信息在点赞按钮旁弹出，如下图 Absolute和fixed效果差不多，都是阅读全文

posted @ 2019-09-16 09:18 李荣洋阅读(944) 评论(0) 推荐(0) 编辑

CSS基础（十八）--Position之fiexd固定位置

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 fiexd固定位置效果： bottom:0;表示在底部，right:0;表示在最右边；top:0;表示最上边阅读全文

posted @ 2019-09-12 15:51 李荣洋阅读(591) 评论(0) 推荐(0) 编辑

CSS基础（十七）--Padding和margin（内边距和外边距）

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Padding内边距效果： Margin外边距效果：阅读全文

posted @ 2019-09-11 08:45 李荣洋阅读(235) 评论(0) 推荐(0) 编辑

CSS基础（十六）-- Display样式之让标签消失display:None

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线效果：该代码只有一行，使用display:None让标签消失后，网页显示为空阅读全文

posted @ 2019-09-10 11:30 李荣洋阅读(2128) 评论(0) 推荐(0) 编辑

CSS基础（十五）-- Display样式之让行内标签具备块级标签属性display:inline-block

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线如果你想让行内标签具备块级标签的话可以使用display:inline-block；让标签及具备inlne也具备block属性效果：使用了display：inline-block；后行内标签也可以设置高度、宽度阅读全文

posted @ 2019-09-09 15:23 李荣洋阅读(334) 评论(0) 推荐(0) 编辑

CSS基础（十四）-- Display样式之行内标签变块级标签样式显示display:block

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Span行内标签，普通展示效果：内联默认占字符串位置，使用display:block"把行内标签变为块级标签显示效果：注意：行内标签无法设置高度、宽度、padding和margin，块级标签可以设置高度、宽阅读全文

posted @ 2019-09-05 17:15 李荣洋阅读(738) 评论(0) 推荐(0) 编辑

CSS基础（十三）-- Display样式之块级标签变行内标签样式显示display:inline

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 Div块级标签，普通展示效果：块级默认占一行，使用display:inline"把块级标签变为行内标签显示效果：根据结果可以看出增加了display:inline；后，div显示结果变为了行内标签默认样式阅读全文

posted @ 2019-09-04 09:54 李荣洋阅读(971) 评论(0) 推荐(0) 编辑

CSS基础（十二）-- Float样式之标签两种样式叠加

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线我们想把一个div标签涂成两个颜色，根据以前只是可以使用百分比显示比例效果：为什么会这样呢？因为div是块级标签，默认只要有div就会换行，想要让两个颜色拼接起来需要使用float样式效果： Float是漂浮阅读全文

posted @ 2019-09-03 11:11 李荣洋阅读(483) 评论(0) 推荐(0) 编辑

CSS基础（十一）-- 边框及其他样式之字体加粗

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线效果： font-weight:bold;表示字体加粗阅读全文

posted @ 2019-09-03 09:10 李荣洋阅读(551) 评论(0) 推荐(0) 编辑

CSS基础（十）-- 边框及其他样式之让字体居中

摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线效果： text-align:center;其中text-align表示设置字体位置center表示中间，这种只能水平居中，不能上下居中，有一个比较好的办法，见下面代码效果： line-height:100px; 阅读全文

posted @ 2019-09-02 10:14 李荣洋阅读(1741) 评论(0) 推荐(0) 编辑

LiRongYang

随笔分类 - CSS基础知识

公告