随笔分类 -  CSS

CSS 页面布局、后台管理示例
摘要：CSS 页面布局、后台管理示例 页面布局 1、头部菜单 2、中间内容/中间左侧菜单 3、底部内容 网站图片推荐：fontawesome.io下载：font-awesome-4.7.0 推荐：使用压缩过的min导入：放入当前路径 后台管理示例 后台管理2：加入overflow: auto;后左侧菜单不 阅读全文
posted @ 2019-02-21 17:29 kevin.Xiang 阅读(1957) 评论(0) 推荐(0) 编辑
CSS background
摘要：CSS background # div比图片大，图片横竖重复放 。（默认） background-image: url('图片地址'); # div比图片大，不重复添加 background-repeat: no-repeat; # div比图片大，横向重复添加 background-repeat 阅读全文
posted @ 2019-02-21 17:07 kevin.Xiang 阅读(157) 评论(0) 推荐(0) 编辑
CSS hover
摘要：CSS hover hover 鼠标移动到当前标签上时，以下css属性才能生效 阅读全文
posted @ 2019-02-21 16:51 kevin.Xiang 阅读(1777) 评论(0) 推荐(0) 编辑
CSS overflow
摘要：CSS overflow overflow: hidden; 如果图片超过样式此存就隐藏 overflow: auto; 如果图片超过样式尺寸就出现拖动框 添加图片位置，如果超过尺寸就隐藏 添加图片位置，如果超过尺寸就出现拖动框 注：可以定义图片高度宽度，来与div内大小相同。 阅读全文
posted @ 2019-02-21 16:49 kevin.Xiang 阅读(272) 评论(0) 推荐(0) 编辑
CSS position
摘要：CSS position CSS position 属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性则决定了该元素的最终位置。 切换窗口大小时位置不变。使用positon后标签会飘起，块级标签会变为行内标签，可通过增加左右距离拉伸边距。 position: f 阅读全文
posted @ 2019-02-21 16:34 kevin.Xiang 阅读(183) 评论(0) 推荐(0) 编辑
CSS 使用技巧
摘要：CSS 使用技巧 1、CSS代码重用，解决同一类样式下相同冲突点 2、自适应 和 改变大小变形 - 左右滚动条的出现 - 宽度，百分比 (1)自适应 解决方案： 头部加判断 (2)改变大小变形 解决方案： 设定一个div的宽度，再div宽度下载创建div，里面使用百分比，不用因为浏览器大小变化影响。 阅读全文
posted @ 2019-02-21 16:12 kevin.Xiang 阅读(161) 评论(0) 推荐(0) 编辑
CSS display
摘要：CSS display 行内标签：无法设置高度、宽度、边距，padding，margin。块级标签：可设置高度，宽度，边距，padding，margin。 效果 xxx xxx xxx xxx 标签被隐藏了.... 阅读全文
posted @ 2019-02-21 15:48 kevin.Xiang 阅读(262) 评论(0) 推荐(0) 编辑
CSS float
摘要：CSS float float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 float 飘起拼接超过100%的空间是会另起一行。 float 飘起的块级标签不在占用一整行。 将 阅读全文
posted @ 2019-02-21 15:40 kevin.Xiang 阅读(225) 评论(0) 推荐(0) 编辑
CSS 常用样式
摘要：CSS 常用样式 height 设置高度 width 设置宽度 font-size 修改字体大小 text-align 内容水平方向左右居中 vertical-align 内容垂直方向居中 line-height 跳转到指定像素位置 font-weight 设置字符样式 background-col 阅读全文
posted @ 2019-02-21 15:32 kevin.Xiang 阅读(223) 评论(0) 推荐(0) 编辑
CSS 边框样式
摘要：CSS 边框样式 直线边框样式 虚线边框样式 参数： 边框方向 # 下边 margin-bottom # 左边 margin-left: # 右边 margin-right: # 上边 margin-top: 效果：直线边框 xxx 效果：虚线边框 xxx 阅读全文
posted @ 2019-02-21 15:10 kevin.Xiang 阅读(1423) 评论(0) 推荐(0) 编辑
CSS 文件引入
摘要：CSS 文件引入 注：路径引用如果再其他目录“ ../../目录/文件名.css”。注：目录优先级，是由下往上读取。 阅读全文
posted @ 2019-02-21 14:54 kevin.Xiang 阅读(3337) 评论(0) 推荐(0) 编辑
CSS 初知
摘要：CSS 初知 举例 描述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样 阅读全文
posted @ 2019-02-21 14:45 kevin.Xiang 阅读(238) 评论(0) 推荐(0) 编辑
CSS 组合选择器
摘要：CSS 组合选择器 注：使用逗号分隔，同时应用。 多个id选择器拼接到一起 含有：i1 i2 i3的标签同时应用css样式。 多个class选择器拼接到一起 含有：i1 i2 i3的标签同时应用css样式。 阅读全文
posted @ 2019-02-21 14:39 kevin.Xiang 阅读(1594) 评论(0) 推荐(0) 编辑
CSS 层级选择器
摘要：CSS 层级选择器 注：使用空格分隔，塞选到最后一项应用。 标签选择器 下 标签选择器 父标签 --> 指定子标签添加css属性 class选择器 下 标签选择器 含“c1”class属性的标签 --> 内的div标签设置css样式 阅读全文
posted @ 2019-02-21 14:32 kevin.Xiang 阅读(10269) 评论(0) 推荐(0) 编辑
CSS 属性选择器
摘要：CSS 属性选择器 再<style>标签内，通过选择器方法加“[]”内填入指定属性来获取标签，设置CSS样式。 阅读全文
posted @ 2019-02-21 14:23 kevin.Xiang 阅读(609) 评论(0) 推荐(0) 编辑
CSS 标签选择器
摘要：CSS 标签选择器 再<stype>标签内，通过指定输入标签来配置CSS样式 阅读全文
posted @ 2019-02-21 14:19 kevin.Xiang 阅读(337) 评论(0) 推荐(0) 编辑
CSS Class 选择器
摘要：CSS Class 选择器 再<stype>标签内，通过class属性来对标签进行css样式配置 注：class选择器用的比较多，其他可根据场合使用。 阅读全文
posted @ 2019-02-21 14:16 kevin.Xiang 阅读(1219) 评论(0) 推荐(0) 编辑
CSS ID 选择器
摘要：CSS ID 选择器 再<stype>标签内，通过标签ID，设置标签的css样式。 注：上述方式比较繁琐效率低，不推荐使用。 阅读全文
posted @ 2019-02-21 14:13 kevin.Xiang 阅读(609) 评论(0) 推荐(0) 编辑
CSS style 属性
摘要：CSS style 属性 定义和用法 必需的 type 属性规定样式表的 MIME 类型。 type 属性指示 <style> 与 </style> 标签之间的内容。 值 "text/css" 指示内容是标准的 CSS。 style属性内 使用 “；”隔开每个设置。 实例 CSS可在标签上设置sty 阅读全文
posted @ 2019-02-21 13:49 kevin.Xiang 阅读(4660) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示