gyueh的博客

新建一个后缀名为html的文件输入！点击tab键----生成一个html页面输入h 用箭头符号选中html:5 点击tab键----生成一个html页面

标签中加入样式white-space: pre-line;会保留页面中的空格以及换行示例：<div style="white-space: pre-line;"> 一、我是第一部分内容 二、我是第二部分 内容 三、我是第三 部分内容 四、我是第四部分内容 五、我是第五部分内容</div>最终结果如图：...

wxml代码如下：<view> <view class="weui-cell"> <view class="list_title">姓名</view> <view class="weui-flex__item"> <input class="weui-input" auto-focus placeholder="请输入姓名" /></view> </view> <view cl

页面布局如下：<view class="box"> 我是页面内容</view>//圆弧部分的高度是由box的高度决定的css部分代码如下所示：.box { position: relative;}.box::after { content: ''; width: 140%; height: 100%; position: absolute; left: -20%; top: 0; z-index: -1; border-radi

目的：禁止输入框记录输入记录input标签中加上属性autocomplete=“off”示例：<input type="text" name="htmer" autocomplete="off" />

实例详解:https://www.sohu.com/a/115465158_488157grid属性grid属性是下列属性的缩写属性：grid-template-rowsgrid-template-columnsgrid-template-areasgrid-auto-rowsgrid-auto-columnsgrid-auto-flowCSS语法grid: none...

禁止横向拉升 resize: vertical;纵向拉伸 resize: horizontal; 不显示拉伸状态 resize: none; 或者 resize: unset;

-moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/ -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/ -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/ user-select: none;/*选中文字时避免出现蓝色背景*/若...

目的：实现如图所示效果，左右两侧固定宽度，中间内容宽度自适应实例代码：/*父元素*/.box{ display:flex; align-items:center; justify-content: space-between;}/*左右*/.side{ width:200px;}/*中间*/.center{ flex:1;}...

html<button class="button disabled >禁用按钮</button>css样式.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: ...

first-of-type//第一个元素last-of-type //最后一个元素nth-of-type(2) //第几个元素nth-last-child(2)//倒数第几个子元素last-child//最后一个子元素

input { caret-color: red;}最终效果如图所示：

写法如下：/* 定义大于等于1200px，即：>=1200px范围内 */@media (min-width: 1200px){ body { background-color:lightblue; }}/* 定义某一区间:等于992 小于1200 即：992~1200px范围内 */@media (min-width: 992px)and (max-w...

目的：实现如图所示效果，当input框获取焦点时边框及背景颜色发生改变。css部分代码如下所示：input:focus{ background: #FFFFFF; border: 1px solid #2DA7E0; /* 解决input按钮自动填充后 浏览器渲染的默认背景问题 */ box-shadow: inset 0 0 0 1000px #FFFFF...

在实际工作中，会遇到按钮点击前后样式不一致的情况，以验证码获取为例；1.按钮点击前的样式2.点击后的样式具体代码如下所示1.xml代码部分如下<button formType='submit' disabled='{{disabled}}' class="submit_btn" hover-class="button-hover" >提交注册</button&g...

在 chrome 下，当 input 自动填充后， 会有一个默认的背景样式如下：默认代码如下：input:-internal-autofill-selected { background-color: rgb(232, 240, 254) !important; background-image: none !important; color: rgb(0, 0, 0...

html部分代码如下：<input type="file" name="file" id="file_headerpic" /><label for="file_headerpic">上传照片</label>css部分代码如下：input[type=file]{ display: none; opacity: 0;}label{ ...

position 属性规定元素的定位类型/*position的值有下列几种类型*/position: fixed;position:absolute;position:relative;position: static;注意：position: fixed;绝对定位，始终相对于浏览器进行定位position:relative;相对定位，始终相对于浏览器进行定位position:...

效果入下图所示：html部分代码如下所示：<div class="foot_butslayout"> <div class="state"> <button class="state_btn"> <div class="state_word">11111</div> ...

<input type=" " name="" value="">一般情况下的input标签需要写name值，这样可以在输入内容时显示历史输入记录。注意：当type类型为text时，name值不一致，当type类型为radio时，name值必须一致，当type类型为chenckbox时，name值可以一致也可以不一致，当type类型为password时，name值必填...

效果图如下：html代码如下所示：<input type="radio" name="paymeradio" value="" />css代码如下所示： input[type="radio"] { appearance: none; -webkit-appearance: none; outline: none; margin: 0; vertical-ali...

效果图如下：<input class="choose" type="checkbox">给复选框checkbox加样式：/*设置复选框的样式*/input[type=checkbox]{ width: 23px; height: 23px; border-radius: 50%; background-color:none; border: 1px solid #...

html部分代码如下：<div class="box" style="overflow:auto;height:150px;"> <ul> <li></li> </ul></div>css相关样式的设置：<script src =“ jquery.nicescroll.js”> </ ...

去除文本域的默认样式textarea{ border:none; outline: none; resize: none; background:red;}outline: none;轮廓线不显示resize: none;禁止拉伸若设计稿中文本域有固定宽度，可以设置width和height属性，单位为px最终效果如图：...

本文主要介绍底部栏的兼容问题1.html结构如下：<div class="page"> <div class="container"> <div class="container"> 页面内容页面内容 </div> <div class="footer">提交按钮</div> </div>...

主要介绍中文本过多，超出部分以省略号显示在前端开发的实际操作中，我们在写页面遇到此类问题时直接复制下列代码使用即可.单行文本省略超出部分，显示省略号(…)overflow: hidden;//超出部分隐藏text-overflow: ellipsis;//超出部分以省略号显示white-space: nowrap; //超出部分强制不换行多行文本省略超出部分，显示省略号(…)并...