CSS
关注
分享
扫一扫
CSS系列博客
冯佳兴
一名非常热爱计算机的 Boy，技术是一门哲学，愿意和我一起研究新的技术吗?
本人坚持自主学习，站在巨人肩膀上学习，善于分享。
我会经常分享系列基础博客，希望大家喜欢，有什么问题记得关注留言哦！
展开
-
CSS—弹性布局(Flexible Layout)
1、什么是弹性布局 弹性布局(Flexible Layout),是一种布局方式，是一种解决某元素中"子元素"的布局方式 2、flex的容器 将元素变为flex容器后，那么所有的子元素都将成为flex项目，都允许按照弹性布局的方式来排列 将元素变为 flex 的容器 属性 display 取值 1、flex:将块...原创 2019-01-29 11:46:37 · 1398 阅读 · 20 评论 -
CSS—定位
定位方式属性：定位方式属性position 属性：position 取值： static relative : 相对的 absolute : 绝对的 fixed : 固定的 定位偏移属性偏移属性 属性 ： top :取值为正，向下移动，取值为负，向上移动 right 取值为正，向左移动，取值为负，向右移动 ...原创 2019-01-27 21:52:08 · 442 阅读 · 11 评论 -
CSS—列表
1.列表项标识 属性 list-style-type 取值 2、列表项图片：以自定义的图像来作为列表项的标识属性：list-style-image 取值：url(图像地址); 3、列表项位置 属性：list-style-position 取值： outside ：将标识放置与li的外面 inside ...原创 2019-01-27 20:32:09 · 170 阅读 · 4 评论 -
CSS—显示属性
显示显示方式display常用显示方式 属性 display 取值 none：让生成的元素不显示 - 隐藏 特点： 脱离文档流 block：让元素表现的和块级元素一样 特点：独占一行、允许修改尺寸、允许正常处理垂直方向的外边距 inline： 让元素表现的和行内元素一样 特点：多个元素一行...原创 2019-01-27 19:49:23 · 484 阅读 · 2 评论 -
CSS—浮动定位
一、什么是定位 指的是改变元素在页面中默认的位置。 二、定位的分类 1.普通流定位：普通流定位（默认定位方式）又称为"文档流定位" 每个元素在页面中都有自己的空间 每个元素默认都是在其父元素的左上角开始出现 页面中的块级元素都是按照从上到下的方式逐个排列，每个元素独占一行 页面中的行内元素 以及 行内块元素都是按照从左到右的方式来排列的 问题...原创 2019-01-27 11:51:55 · 323 阅读 · 8 评论 -
CSS—表格
表格表格的常用属性 边距属性 padding 边框属性 border 尺寸属性 width ，height 文本格式化属性 font-*，text-*，line-height 背景属性 颜色，图片，渐变 vertical-align：单元格数据的垂直对齐方式 取值： top ：上对齐 middle ：居中对齐 bott...原创 2019-01-27 08:46:20 · 180 阅读 · 5 评论 -
CSS—文本格式化属性
一、字体属性 字体类型 属性：font-family 取值：用 , 隔开的字体名称列表 ex:font-family:"微软雅黑",Arial; 字体大小 属性:font-size 取值:以px 或 pt 为单位的数字 字体加粗 属性:font-weight 取值: bold ：加粗...原创 2019-01-26 21:11:04 · 354 阅读 · 10 评论 -
CSS—渐变
一、什么是渐变 多种颜色平缓变化的一种显示效果 如图所示二、渐变的主要因素色标 ：一种颜色 及其 出现的位置。一个渐变是由多个色标组成(至少两个) 三、渐变分类（如上图）线性渐变 以直线的方向来填充渐变色 径向渐变 以圆形的方式实现的填充效果 重复渐变 将线性渐变 或 径向渐变 重复几次实现出来 线性渐变线...原创 2019-01-26 20:04:10 · 253 阅读 · 9 评论 -
CSS—背景属性
背景属性 1、背景色属性 background-color 取值 合法的颜色值 注意 背景颜色是从边框的位置处开始绘制 2、背景图片属性 background-image 取值 url(图片的地址); 3、背景平铺属性 background-repeat 取值 repeat :默认值，横向纵向都平铺 ...原创 2019-01-26 15:54:04 · 326 阅读 · 14 评论 -
CSS—框模型
1.什么是框？页面元素皆为框2.什么是框模型？ Box Model，定义了元素框处理元素的内容，内边距，外边距以及边框的 一种计算方式当框模型介入到元素后，元素的占地尺寸会发生变化: 元素的宽度 = 左右外边距+左右边框+左右内边距+w; （所有的左右内外边距+左右边框高度） 元素的高度 = 上下外边距+上下边框+上下...原创 2019-01-26 11:51:58 · 397 阅读 · 12 评论 -
CSS—尺寸与边框
一、尺寸属性作用 改变元素的宽度 和 高度 宽度 width : 宽度 min-width : 最小宽度 max-width : 最大宽度 高度 height : 高度 min-height : 最小高度 max-height : 最大高度 页面中允许设置尺寸的元素 所有的块级元素都允许设置尺寸：div,p,h1,h...原创 2019-01-25 21:55:36 · 229 阅读 · 9 评论 -
CSS（Cascading Style Sheets）——层叠式样式表
1.什么是CSS？ Cascading Style Sheets 层叠样式表 -> 样式表2.为什么使用CSS？ 设置HTML网页元素的样子——对HTML骨架进行修饰美化。就是我们所谓的擦粉打扮穿衣服。——如下图3.CSS、HTML与JS的关系？4.CSS语法规范 内联样式特点 将CSS内容定义在HTML标记中 语法 <A...原创 2019-01-24 15:07:22 · 688 阅读 · 7 评论