标签的真正关键点不是它的默认样式双引号（和手输双引号效果一样但意义不一样），而是它的语义：引用别人的话。 引用效果： ? 双引号效果： ? ...一个html页面可以看成一个家，而每一个div可以看成家的每个小房间，每个小房间的装饰由css负责 每一个都可以有一个id， 这个id 就相当于每个房间的门牌号...在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) 一个对应的框架页的名称 -- 在对应框架页中打开 11、文本输入框标签... 注解：type 分为text(文本输入框) ，password(密码输入框) . ...name: 文本框命名，以备后台程序ASP 、PHP使用。 value：为文本输入框设置默认值。
一、文字溢出问题 ---- 在元素对象内部显示文字 , 如果文本过长 , 则会出现文本溢出的问题 ; 下面的示例中 , 在 150x25 像素的盒子中 , 显示 骐骥一跃，不能十步;驽马十驾，功在不舍;...> 骐骥一跃，不能十步;驽马十驾，功在不舍; 显示效果 : 二、文字溢出处理方案 ---- 文字溢出处理方案 : 首先 , 强制文本在一行中显示...; white-space: nowrap; 然后 , 隐藏文本的超出部分 ; overflow: hidden; 最后 , 使用省略号代替文本超出部分 ; text-overflow: ellipsis...; white-space 样式 用于设置 文本显示方式 : 默认方式 : 显示多行 ; white-space: normal; 显示一行 : 强行将盒子中的文本显示在一行中 ; white-space.../title> div { width: 150px; height: 25px; border: 1px solid red; /* 首先 强制文本在一行中显示
CSS ? Example ? 四、块级元素示例 HTML ? CSS ? Example ?...五、行内元素的特点 5.1 和其他元素都在同一行上 5.2 高，行高及外边距和内边距不可改变 5.3 宽度就是它的文字或图片的宽度，不可改变 5.4 行内元素只能容纳文本或者其他行内元素 5.5 设置行内元素...七、行内元素和块级元素对比 7.1 内容 （1）一般情况下，行内元素只能包含数据和其他行内元素。...7.2 格式 默认情况下，行内元素不会以新行开始，而块级元素会新起一行。...中划线 strong 粗体强调 sub 下标 sup 上标 textarea 多行文本输入框 tt 电传文本 u 下划线 九、块级元素列表 address 地址 blockquote 块引用 center
---- ID和类选择器的区别 相同点：可以应用于任何元素 不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。...标签加入一行代码 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。大段代码可用。...、密码输入框 1、type： 当type="text"...时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。...2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。
每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。...address - 地址 blockquote - 块引用 center - 居中对齐块 dir - 目录列表 div - 常用块级容易，也是 css layout 的主要标签 dl - 定义列表 fieldset...br - 换行cite - 引用code - 计算机代码 ( 在引用源码的时候需要 )dfn - 定义字段em - 强调font - 字体设定 ( 不推荐 )i - 斜体img - 图片input - 输入框...，定义文本内区块strike - 中划线strong - 粗体强调sub - 下标sup - 上标textarea - 多行文本输入框tt - 电传文本u - 下划线var - 定义变量 html,body...标签也属于块级元素 行内元素的特点： 和相邻的行内元素在一行上 高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效 默认的宽度就是它本身的宽度 行内元素只能容纳纯文本或者是其他的行内元素
比如有一个输入框，要在该输入框输入文字，我们首先得用鼠标点一下该输入框，这就叫获取焦点。...solid red') }) 点击了输入框后，输入框的边框就会变为红色。...3、select()事件： 当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。...keydown()、keyup()和keypress(): keydown类似于mousedown，按下键盘时的事件；keyup就类似于mouseup，按下键盘再松开的那个时候触发的事件；keypress事件只能捕获单个字符...比如一般的网站登录的时候要输验证码，当你输完验证码，就会立即提示验证码正确还是错误，而不需要点击“登录”按钮后再去判断，这就用到了Ajax。接下来就看看如何使用。
主要通过CSS样式为其赋予不同的表现。 span标签用来定义内联(行内)元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。...块级元素与行内元素的区别： 所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。 这两个元素是专门为定义CSS样式而生的。...注意： 关于标签嵌套：通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。 p标签不能包含块级标签。...input系列 type属性值 表现形式 对应代码 text 单行输入文本 password 密码输入框 ... 类型（type）说明： text：文本输入框 password：密码输入框 radio：单选框 checkbox：多选框 submit：提交按钮 button
的样式 这段CSS代码的作用是为一个输入框设置了边框、圆角、尺寸和光标颜色等样式，同时定义了输入框的占位文本样式。...输入框内的文本将显示为浅黄色，占位文本将显示为深灰色。...此时只有一行CSS会支持弹性滚动。...body,html{ -webkit-overflow-scrolling: touch; } 10、自定义选定的文本样式 您可以通过styles自定义选择文本的颜色和样式。...: none; 12、使用filter:grayscale(1)使页面处于灰度模式 一行代码会将页面置于灰色模式。
1.块级元素（block）与内联元素（inline）的区别： 1.1块元素，独占一行，宽高起作用：如：div , p , ul , ol ,table , menu ,h1~h6,li等 1.2...内联元素，可与其他内联元素同一行，宽高不起作用：如：span , q , input , img ,i等 通过display：block;或者display:inline两者可以相互转化。...标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css...* table - 表格 * ul - 非排序列表 内联元素(inline element) 一般都是基于语义级(semantic)的基本元素，只能容纳文本或者其它内联元素。...下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量 可变元素是基于以上两者随环境而变化的
中只能嵌套，直接在标签中输入其他标签或者文字的做法是不被允许的。 2. 与之间相当于一个容器，可以容纳所有元素。 3....无序列表会带有自己样式属性，放下那个样式，一会让CSS来！...自定义列表 ```html 名词1 名词1解释1 名词1解释2 表格 表格结构 table用于定义一个表格 tr 用于定义表格中的一行，必须嵌套在...表格不要纠结于外观，那是CSS 的作用。...： text 定义常规文本输入 number数字值的输入字段 radio 定义单选按钮输入（选择多个选择之一） submit 定义提交按钮（提交表单） 文本输出：password 单选按钮输
只能容纳文本或者其他内联元素。...，定义文本内区块 strike - 中划线 strong - 粗体强调 sub - 下标 sup - 上标 textarea - 多行文本输入框 tt - 电传文本 u - 下划线 var - 定义变量...行内元素不会独占一行,相邻的行内元素会排列在同一行里，直到一行排不下，才会换行,其宽度随元素的内容而变化。 块级元素可以设置width,height属性，块级元素即使设置了宽度,仍然是独占一行。...： 我要居中我要居中我要居中 //若想要上面的文本居中，对应的CSS样式因如下所示编写 div{ text-align: center } 4、文本溢出解决方法...解决文本溢出问题，我们需要设置两个属性： white-space: nowrap ，强制文本在一行内显示 overflow: hidden ，将溢出内容改为隐藏 { white-space: nowrap
abc.png”);使用指定的图片替换列表的序号 form表单标签：表单标签在页面上没有任何展示，专门用来进行数据提交的 2.表单元素标签 表单标签要配合表单元素标签一起使用 表单元素标签主要用与：文本输入框...、密码输入框、单选按钮、复选框、下拉列表框、文件选择框各种框框 label用来写输入框的提示信息， for属性：表示这是哪个标签的提示信息，for的值是另一个标签的id值 文本输入框：<input type...密码输入框：<input type=”password”.....block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。...display:inline inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
为了满足各种复杂的情况，WPJAM 配置器的字段是使用 WordPress 的 shortcode 方式设置的，比如你要输入一个简单的 input 文本框，在设置 key 之后，可以使用下面的 shortcode...[field title="头像" type="img"] image 是图⽚地址输入框+上传器，可以直接在输入框中输入站内或者站外的图片地址。...点击输入框右侧的「选择图片」的按钮，会弹出 WordPress 的媒体编辑器，上传或者选择现有的图片。 最终字段的值是图片的地址，⽆论是直接输⼊，还是在媒体编辑器选择或上传的。...输⼊框右侧的「选择图片[多选]」的按钮，可以在 WordPress 的媒体编辑器一次选择多张图片。 最终字段的值是多张图片地址的数组。...[field title="产品图" type="mu-image"] mu-text 就是可以输⼊多个文本，在使⽤英文,分割的地方，使用它来取代特别好用。 最终字段的值也是多个⽂本的数组。
棕色边框输入框 红色边框输入框 <!...，超过一行， 需要扩展到下一行。...本实例中的帮助文本总共有两行。...=""> 一个较长的帮助文本块，超过一行， 需要扩展到下一行。...本实例中的帮助文本总共有两行。
="用户名"> type：输入的是文本内容 name：输入框的名字 maxlength：限定输入文本长度 readonly：文本框只读 disabled：文本框未激活 value：输入框中的默认内容...密码输入框 PS：文本输入框的所有属性对密码输入框都有效 单选框 <input type="radio" name="gender...PS：当有多个单选框是如何设置<em>只能</em>有一个被选中？ 只有将name的值设置相同的时候，才能实现单选效果。...-- <em>文本</em><em>输入框</em> --> 账户: <!...3：不要使用纯样式标签，如：b、font、u等，改用<em>css</em>设置。 4：需要强调的<em>文本</em>，可以包含在strong或者em标签中。
样式表还是图标 type="text/css" type="text/css"：规定链接文件的MIME类型，就是说链接文件时css还是js href="1.css"：链接的文件路径 设置 icon...disabled" value="用户名"> type：输入的是文本内容 name：输入框的名字 maxlength：限定输入文本长度 readonly：文本框只读 disabled：...文本框未激活 value：输入框中的默认内容 密码输入框 PS：文本输入框的所有属性对密码输入框都有效 单选框 <input...PS：当有多个单选框是如何设置只能有一个被选中？ 只有将name的值设置相同的时候，才能实现单选效果。...3：不要使用纯样式标签，如：b、font、u等，改用css设置。 4：需要强调的文本，可以包含在strong或者em标签中。
它是一种标记语言，用于告诉浏览器区分文本的含义，如哪些是标题，哪些是段落，哪些是超链接等，它不是用来定义文档的样式的，定义样式可以用css。...定义文档的标题，必须且只能放在head中。 链接外部资源，常用于链接外部样式表，用于链接一个外部的css文件。...定义HTML文档的样式信息，用于文档内部使用的css。必须且唯一：type：text/css。...一行空行。 一条水平线。 注释，不能嵌套。 格式 斜体粗体大号字体小号字体等宽字体。...输入框，用于搜集用户信息。 type： text文本输入框，明文 password密码输入框，用户输入的字符会被掩码 button按钮，可选value属性设置按钮上的显示字符。
-- 无法应用以上样式，每个标签只能有唯一的id名 --> 这是第三个段落标签 <!...float 设置元素浮动，浮动可以让块元素排列在一行，浮动分为左浮动：float:left; 右浮动：float:right; 文本常用样式属性一： color 设置文字的颜色，如： color:...定义表单提交的方式，一般有“get”方式和“post”方式 2、标签 为表单元素定义文字标注 3、标签 定义通用的表单元素 type属性 type="text" 定义单行文本输入框...reset" 定义重置按钮 type="button" 定义一个普通按钮 value属性 定义表单元素的值 name属性 定义表单元素的名称，此名称是提交数据时的键名 4、标签 定义多行文本输入框...placeholder 设置input输入框的默认提示文字。
比如我要实现如下效果：数据集名称展示一行，超出自动省略，末尾增加编辑icon。点击编辑的icon，换成input 输入框数据集描述最多展示三行，超出自动省略。末尾增加编辑icon。...点击编辑的icon，换成textarea 输入框展示一行省略+icon实现单行省略实现，无非是这样...focus(); }); }} />文本溢出省略加提示，可以参考 https://github.com/zhoulujun/textOverflowTitle多行文本省略多行文本省略...，css3也有属性。...参考文章：CSS 实现多行文本“展开收起” https://juejin.cn/post/6963904955262435336转载本站文章《css3多行文本多行文本缩略点击更多展开显示全部》,请注明出处
比如我输入abc，按一下F4, 就会自动再输入一遍abc； 比如我刚刚为某一段文本设置好字体、颜色、缩进、格式。...（输一段字母试一下吧，很神奇） 3 巧用“文档比较” 解放你的双手 Word中的“审阅”功能大家可能都知道了。通过点击“修订”按钮，别人做的任何修改，都会留下痕迹。...4 巧用替换功能 删除多余空行 打开“编辑”菜单中的“替换”对话框（可以用Ctrl+H哦），把光标定位在“查找内容”输入框中，单击“高级”按钮，选择“特殊格式”中的“段落标记”两次，在输入框中会显示“^...类似地，你还可以多种通配符交叉使用，比如将所有的分行（^p）替换为制表符（^t），如此一来，所有段落将变成一行，并且能直接粘贴进Excel的一行内，自动分为不同的列。 使用通配符来搜索多个单词。...但是，“嵌入型”的图形只能放置在段落标记处。只有采用其他环绕方式的图形可以被拖放至任何地方，所以，想要移动图片，想要把“嵌入型”更改为其他其他环绕方式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
