何江海

导航

2021年11月2日 #

Flex布局2

摘要: 1、Flex为弹性布局,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex;} 行内元素也可以使用Flex布局:display: inline-flex; 2、justify-content: flex-start:左对齐(默认值)fle 阅读全文

posted @ 2021-11-02 07:58 何江海 阅读(64) 评论(0) 推荐(0)

2021年10月30日 #

Flex布局

摘要: 首先将盒子模型设置为:display: flex; 设置盒子的justify-content属性为: { space-between;使盒子里的内容两端对齐,每个内容间距都相等 flex-start(默认值):左对齐flex-end:右对齐center: 居中space-around:每个项目两侧的 阅读全文

posted @ 2021-10-30 08:45 何江海 阅读(46) 评论(0) 推荐(0)

2021年10月28日 #

CSS样式4

摘要: text-decoration: none;使超链接下划线消失 text-decoration: line-through;定义穿过文本的一条线 display: inline-block;把行级元素转化为块级元素,可以设置元素的宽和高 text-align: 文本对齐方式属性right;设置为文本 阅读全文

posted @ 2021-10-28 17:18 何江海 阅读(52) 评论(0) 推荐(0)

2021年10月27日 #

CSS样式3

摘要: text-decoration: none;可以使超链接下划线消失 padding-left 属性设置元素左内边距 :last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。 :first-child 选择器匹配属于其父元素的第一个子元素的每个元素。 text-align: cent 阅读全文

posted @ 2021-10-27 18:27 何江海 阅读(32) 评论(0) 推荐(0)

2021年10月26日 #

CSS样式2

摘要: position: relative;生成相对定位的元素,相对于其正常位置进行定位(相对定位)。 padding-bottom: 属性设置元素的下内边距。 border-bottom: 1px dotted;下边框为1像素的虚线。 position: absolute;生成绝对定位的元素,绝对于其正 阅读全文

posted @ 2021-10-26 19:21 何江海 阅读(29) 评论(0) 推荐(0)

2021年10月25日 #

CSS样式

摘要: 去掉字体样式: font-weight 属性需要设置为: normal 列表css样式: 对列表设置为: display: inline-block;可以使列表中每个li平埔到一行(使每个li不独占一行,而是公用一行)background-image:属性设置背图片。 background-posi 阅读全文

posted @ 2021-10-25 20:51 何江海 阅读(38) 评论(0) 推荐(0)