需要实现如下效果 如果仅仅在.small里面加 margin-top的话,因为margin-top具有传递性,会传递到父元素上面,导致两个盒子同时向下移。 解决办法:1. 子元素加上margin-top后,在父元素上增加overflow:hiden; 2. 在父元素加上padding-top值,注意 ...
分类:
其他好文 时间:
2020-04-29 23:40:11
阅读次数:
67
第一种方法: .item{ margin-left:auto; } 第二种方法: .item{ flex: 1; text-align: right; } ...
分类:
其他好文 时间:
2020-04-28 13:24:31
阅读次数:
292
hover可操控子元素 也通过+号来操纵同级元素 只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素 不相邻的同级元素不能操纵 <html> <body> <style> #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : # ...
分类:
其他好文 时间:
2020-04-26 11:21:49
阅读次数:
154
简介: Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素,称为Flex容器(flex ...
分类:
Web程序 时间:
2020-04-25 13:07:32
阅读次数:
79
当元素设置了transform属性后,其子元素的定位目标,会改为该设定了transform的父元素,即使它本身没有定位属性。 参考文章:http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-tra ...
分类:
其他好文 时间:
2020-04-23 20:49:43
阅读次数:
55
一、层级 1、Child Selector (" parent child")子元素选择器 【描述】选择所有指定"parent" 元素中指定的" child"的直接子元素。 【语法】 jQuery( "parent child" ) parent:任何有效的选择器。 child:用来筛选子元素的选择 ...
分类:
Web程序 时间:
2020-04-17 23:56:21
阅读次数:
143
Flex布局 //Flex 是 Flex Box 的缩写,意为“灵活的盒子”或“弹性的盒子”,所以flex布局一般称为弹性布局。 flex容器:所有含有 display:flex | inline-flex; 的容器都是flex容器。 flex项目:flex容器的所有子元素都是flex项目。(不包括 ...
分类:
其他好文 时间:
2020-04-14 23:06:02
阅读次数:
129
前言 ET支持部分的Xpath语法,对于测试是个非常好用的工具,ET是目前最好用的xml数据文件读取的工具包 find和findall支持的xpath语法 标号 语法 说明 1 tag 查找所有具有指定名称tag的子元素。例如:country表示所有名为country的元素,country/rank ...
分类:
其他好文 时间:
2020-04-13 00:38:40
阅读次数:
117
1属性(properties)这些属性可以在外部进行配置,并可以进行动态替换。你既可以在典型的Java属性文件中配置这些属性,也可以在properties元素的子元素中设置。例如:<propertiesresource="org/mybatis/example/config.properties"><propertyname="username&qu
分类:
其他好文 时间:
2020-04-10 00:23:31
阅读次数:
66
CSS 组合选择符 CSS 组合选择符 在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例 ...
分类:
Web程序 时间:
2020-04-08 09:43:08
阅读次数:
92