摘要:CSS定位布局 基础知识 在CSS布局中,定位布局也是一种非常常见的技术手段,我们以京东为例: 上面是非常好的例子,对于定位布局来说它可以将一个元素放在页面上的任意一个位置。 但是定位布局也不能滥用,因为它可能会出现一些意料之外的问题,所以我们只对一些需要定位的元素进行定位,而不需要定位的元素则使用 阅读全文
posted @ 2020-07-15 18:36 云崖先生 阅读(72) 评论(0) 推荐(1) 编辑
摘要:仿写博客园主页 前言 最近刚好重新学完CSS的浮动,加上之前有一点CSS的基础,所以今天闲着没事儿就写了个博客园的主页。下面是效果图 很多细节地方懒得去扣了,也就做个样式看的像。 用到的技术点也非常少,基本就只用到了浮动和结构伪类选择器,类都定义的非常少。 源码下载 源码已经丢到github上了,链 阅读全文
posted @ 2020-07-15 01:32 云崖先生 阅读(55) 评论(0) 推荐(0) 编辑
摘要:CSS浮动布局 浮动布局 浮动是CSS布局中经常使用的一种手段,其实说白了就是使元素进行漂浮脱离正常的文档流排列机制,实现一堆原本的block状态的标签可以并排显示,当然这也可以使用display:inline-block进行实现,但是通常情况我们不会那么做。 那么在使用浮动时我们应该注意下面的几点 阅读全文
posted @ 2020-07-14 20:45 云崖先生 阅读(22) 评论(0) 推荐(0) 编辑
摘要:CSS数据样式 表格 定制表格 我们除了可以使用<table>标签进行绘制表格,在css3中display也支持进行表格的样式绘制。 样式规则说明 table 对应 table table-caption 对应 caption table-row 对表 tr table-cell 对于th或td t 阅读全文
posted @ 2020-07-14 12:21 云崖先生 阅读(113) 评论(0) 推荐(2) 编辑
摘要:CSS背景处理 背景样式 背景颜色 如果想让一个区域具有纯色的背景,可以使用background-color进行设置,背景颜色可以是rgb,rgba,#16网页色。 <!DOCTYPE html> <html lang="en"> ​ <head> <meta charset="UTF-8"> <m 阅读全文
posted @ 2020-07-13 19:38 云崖先生 阅读(84) 评论(0) 推荐(0) 编辑
-->