随笔分类 -  HTML+CSS

各个浏览器的兼容问题及样式兼容处理(不定期补充)
摘要：遇到问样式兼容问题1： 问题：火狐浏览器select下拉框选择后会出现一条虚线边框？ 解决方法： 问题：火狐浏览器select下拉框右侧的三角形下拉图标样式很丑，不是自己写的样式？ 解决办法： 阅读全文
posted @ 2018-08-09 11:33 Cristina_Guan 阅读(1656) 评论(0) 推荐(0)
CSS布局之——对齐方式
摘要：一、水平居中： (1). 行内元素的水平居中？ 如果被设置元素为文本、图片等行内元素时，在父元素中设置text-align:center实现行内元素水平居中，将子元素的display设置为inline-block，使子元素变成行内元素 <div class="parent" style=""> <d 阅读全文
posted @ 2018-05-07 11:43 Cristina_Guan 阅读(6666) 评论(0) 推荐(0)
CSS布局模型学习(Float、Position、Flexbox)
摘要：一、Floatfloat 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 二、Position2.1、position: staticstatic定位是HTML元素的默认值，即没有 阅读全文
posted @ 2018-05-06 21:13 Cristina_Guan 阅读(580) 评论(0) 推荐(0)
CSS布局模型
摘要：在网页中，元素有三种布局模型：1、流动模型（Flow） 默认的2、浮动模型 (Float)3、层模型（Layer） 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征 阅读全文
posted @ 2018-05-06 17:57 Cristina_Guan 阅读(234) 评论(0) 推荐(0)
我的笔记之——CSS的定义、基本语法及选择器的使用
摘要：一、CSS的定义 1、什么是css Cascading Style Sheet 层叠样式表 级联样式表 样式表 2、作用： 实现了内容和表现的分离 提高了代码的可重用性和可维护性 二、css样式表的使用方式 使用方式共分三种，使用任何一种都可以更改页面的样式。 1、内联方式 内联样式： 将css样式 阅读全文
posted @ 2018-05-03 14:30 Cristina_Guan 阅读(1064) 评论(0) 推荐(0)
对HTML的理解及常用标签使用介绍--来自我的百度前端技术学院的笔记
摘要：HTML是什么，HTML5是什么？ ——HTML：超文本标记语言，一种用于创建网页的标准标记语言； ——HTML5：目前最新的HTML标准，包含新的元素、属性、行为，基于它们的功能特征将他们分成不同的组别： * 语义：能够让你更恰当地描述你的内容是什么； * 连通性：能够让你和服务器之间通过创新的技 阅读全文
posted @ 2018-05-03 13:09 Cristina_Guan 阅读(268) 评论(0) 推荐(0)
七个你可能不了解的CSS单位
摘要：我们很容易无法摆脱的使用我们所熟悉的CSS技术，当新的问题出现，这样会使我们处于不利的地位。 随着Web继续的发展，对新的解决方案的需求也会继续增大。因此，作为网页设计师和前端开发人员，我们别无选择，只有去了解我们的工具集并且熟悉它。 这意味着我们还要了解一些特殊的工具-那些不经常使用的，但是当需要 阅读全文
posted @ 2018-03-28 12:07 Cristina_Guan 阅读(245) 评论(0) 推荐(0)