随笔分类 -  css

摘要：1、CSS选择器 CSS选择器即通过某种规则来匹配相应的标签，并为其设置CSS样式，常用的有类选择器、标签选择器、ID选择器，后代选择器，群组选择器，伪类选择器，兄弟选择器，属性选择器等 2、CSS Reset HTML标签在不设置任何样式的情况下，也会有一个默认的CSS样式，而不同内核浏览器对于这 阅读全文

摘要：1、基本选择器： eg： 2、多元素组合选择器 三、CSS 2.1 属性选择器 eg： 四、CSS 2.1中的伪类 eg 五、 CSS 2.1中的伪元素 eg： 六、CSS 3的同级元素通用选择器 eg： 七、CSS 3 属性选择器 eg： 八、CSS 3中与用户界面有关的伪类 九、CSS 3中的结 阅读全文

摘要：一、absolute方法 HTML代码如下： css如下： box是子元素，box相对于body垂直水平居中，只要在box添加以上代码就可以了 二、display：flex css如下： 在父元素上加以上代码就可以使元素自适应的居中 效果 阅读全文

摘要：以导航条为例，你通常希望链接的宽度根据它们包含多少文本而有所不同。 1. display:inline-block 如果导航栏有一个您可以设置的父级text-align:center，您可以使用display:inline-block导航栏缩小包装。 html如下： css代码如下： 这个方法可以用 阅读全文

摘要：兼容问题 css的常见问题 1、IE6.7不兼容H5标签 eg：<header></header> <section></section> 解决办法一：创建自定义元素，并把元素display设置为block <style> header,section{display:block} </style> 阅读全文

摘要：浮动的定义：使元素脱离文档流（是指文档中可显示对象在排列时所占的位置），按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停下来 Float的特征 1、块在一行显示 2、行内属性标签支持宽高 3、没有宽度的时候内容撑开宽度 4、脱离文档流 5、提升层级半层 清除浮动的方法： 1、加高（问题：扩展性 阅读全文