微信小程序的基本模板语法 <!--pages/dome/dome.wxml--> <!-- view==div text==span --> <block>block占位符,渲染时会不见标签,内容还是可见的</block> <text>我是一个行内元素</text> <view>我是一个块元素</v ...
分类:
微信 时间:
2020-06-26 22:11:50
阅读次数:
111
公共样式 .wrapper{ width: 300px; height: 300px; background-color: chartreuse; margin-right: 30px; display: inline-block; } .content{ width: 100px; height: ...
分类:
Web程序 时间:
2020-06-23 01:26:22
阅读次数:
87
一、HTML元素分类及其特点 1.行内元素 在一行内显示,水平方向排列。有默认高度(当前浏览器默认字体的高度),没有默认宽度,元素的大小由包裹内容决定,且不能设置宽高和内外边距。元素内部不能包含块级元素。 2.块级元素 独占一行,垂直方向排列。可以设置宽高,默认宽度是父元素的100%。可以包含行内元 ...
分类:
Web程序 时间:
2020-06-19 15:48:33
阅读次数:
129
一、CSS复合选择器 1.1 后代选择器 1.2 子元素选择器 1.3 交集选择器 1.4 并集选择器 1.5 链接伪类选择器 二、标签的显示模式 2.1 什么是标签的显示模式 2.2 块元素 2.3 行内元素 2.4 行内块元素 2.5 标签显示模式转换(display) 三、行高那些事儿 3.1 ...
分类:
Web程序 时间:
2020-06-19 12:05:01
阅读次数:
66
当我们想让元素横向排开时,会使用span标签,或者是将块级元素设置为display:inline-block时 有时会发现,相邻两个元素之间,明明没有设置margin或者是padding值,但是有间隙 原因是因为html代码中相隔的span标签间有回车 HTML代码中的回车换行被转成一个空白符,在字 ...
分类:
其他好文 时间:
2020-06-18 16:07:45
阅读次数:
55
什么叫行内元素(内联元素)? 常见的span、a、lable、strong、b等html标签都是行内元素 默认情况下,行内元素均无法设置宽度、高度、上下方向margin的外边距等 一般在css中添加属性: display:inline //这时设置成了内联元素 什么叫块级元素? 常见的div、p、l ...
分类:
Web程序 时间:
2020-06-16 13:06:56
阅读次数:
238
我们在平常中在行内元素中编写内容,总会遇到一下不可思议的问题,比如: 问题一: 两个高度不一样的内联元素为什么是底部对齐? 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
分类:
其他好文 时间:
2020-06-07 14:30:01
阅读次数:
61
一.元素显示模式 1.概念 元素显示模式就是元素(标签)以什么方式进行显示。 2.分类 分为块元素和行内元素 3.块元素 常见的块元素 <h1>~<h6> <p> <div> <ul> <ol> <li> 等。 特点 : 1.独占一行 2.高度,宽度,行边距,都可以控制 3.宽度默认是容器(父级)宽 ...
分类:
Web程序 时间:
2020-06-06 12:51:38
阅读次数:
57
我们在做页面布局的时候经常会有上下左右居中的设计,由于大部分的页面结构都是左右式排版页面是固定宽度的,而元素是自上而下排列,高度不固定。所以在页面中css实现左右居中比较容易,垂直居中就不太好实现了。
在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题,而随着... ...
分类:
Web程序 时间:
2020-06-05 01:06:47
阅读次数:
94
css 水平垂直居中实现方式 css中有好多实现居中的方式,在项目中经常不知道使用哪种方式会比较好,所以记录下来。 水平垂直居中包括行内元素居中,以及块级元素居中 行内元素html结构 <div class="outer"> <span class="inner"></span> </div> 块级 ...
分类:
Web程序 时间:
2020-06-04 19:37:56
阅读次数:
75