HUYOL的博客

原创 css的选择器

1. *通用选择器：选择所有元素，不参与计算优先级，兼容性IE6+2. #X id选择器：选择id值为X的元素，兼容性：IE6+3. .X 类选择器： 选择class包含X的元素，兼容性：IE6+4. X Y后代选择器： 选择满足X选择器的后代节点中满足Y选择器的元素，兼容性：IE6+5. X 元素选择器： 选择标所有签为X的元素，兼容性：IE6+6. :link，：visited，...

原创 git 的常用指令

初始化配置#配置使用git仓库的人员姓名   git config --global user.name "Your Name Comes Here"   #配置使用git仓库的人员email   git config --global user.email you@yourdomain.example.com   #配置到缓存 默认15分钟   git config --globa...

原创 清除浮动的方式

清除浮动(4种) 面试题给父元素设置高度 给父元素设置一个css属性overflow:hidden; 在所有设置浮动元素后面，加 <div style="clear:both;"></div>   利用伪元素:after来清除浮动带来的影响 ...

原创 行内元素和块级元素之间的转换

块级元素与行内元素相互转换display  block 块、显示 inline-block 行内块 none 隐藏消失 inline 行内 float 浮动  left 左浮动 right 右浮动 none 不浮动 display:inline-block;行内块 缺点：间隙、基线对齐问题float 浮动 行内块 缺点：脱离文档流(父级找不到子级) ...

原创 css常用的选择器及其权重

下面列出css中常用的几种选择器（不包括css3）CSS选择器      选择器名称   权重（及其计算方式）标签选择器 1 类选择器 10 id选择器 100 通配符选择器 0<*<1 后代选择器 相加之和 子级选择器 相加之和 交集选择器 相加之和 分组选择器 独立计算，不会叠加 标签属性选择器 10 伪类选择器 10 :hover 伪元素 10 :...

原创 css中的元素：行内元素，块级元素，以及行内块级元素

css中常用的元素一般有：h1-h6 ul ol dl 一般用在新闻摘要和网站尾部 div区分大模块 span区分小模块 img插入图片 a标签 href=”网址” target=”_blank”指的是在新窗口打开 防止a链接跳转给href加至少两个以上的#号； 或者给里面加一个javascript; 防止a链接跳转：空、占位  href=”##” 至少加两个”#”号...

原创 正则表达式