字体位置 text-align: left; center; right; /* (left)默认左,(center)居中,(right)默认右*/ line-height: 77px; /*行高等于盒子的高度 就变成文字居中*/ letter-spacing: 10px; /*字与字中间的距离*/ word-spacing: 10px; /*一句英文单词之间的距离(就是一句话
//链接数据库 <?php $link = mysqli_connect('localhost', 'root', '123456', 'stu'); mysqli_set_charset($link, 'utf8'); ?> 登录逻辑 <?php /*登录数据库验证 */ include 'conn.php'; //include 's
<style> div{ /*盒子模型*/ width: 100px; /* pixel */ height: 100px; background-color: red; padding: 20px; border: 20px solid blue; margin:
博客模版上新了,把之前的存一下 禁用模版默认CSS 页面定制CSS代码: cnblogs_post_body ul li{font:14px/2 Noto Sans SC !important}html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textare
border-radius: 圆角 复合四个值 被圆切割 值为50% 是圆形 --- 二个值 第一个值代表左上右下 第二个值代表右上左下 三个值 1 左上 2 右上左下 3 右下 四个值 1 左上 2 右上
初识 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范,<style> 可以编写css的代码,每一个声明,最好用分号结尾 语法: 选择器{ 声明1; 声明
初识 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范,<style> 可以编写css的代码,每一个声明,最好用分号结尾 语法: 选择器{ 声明1; 声明2;
标题在css中 calc中的两个值中间的运算符两边是要有空格的 height: calc(100% - 10px); 错误的写法: 不要以为不支持100%-10px这种运算, 只是要注意格式就可以了
BetterScroll 是什么 BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll (opens new window) 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 BetterScroll 是使用纯 JavaS
一、css部分(mixin.scss): $browser-default-font-size: 16px !default; @function pxTorem($px) { //$px为需要转换的字号 @if (unitless($px)) { @return pxTorem($px + 0px); } @else if (unit($px)==em) { @return $px; } @return ($px / $browser-de
<head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="Scripts/jquery-3.1.1.min.js"></script> <sty
<a href=""> <img src="images/ft_l3.png" alt=""> <div class="ewm"> <img src="http://www.vztime
外边距和内边距 margin: 用于控制元素与元素之间的距离;margin的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。 padding: 用于控制内容与边框之间的距离; Border(边框) 围绕在内边距和内容外的边框。 Conten
<style> * { margin: 0; padding: 0; } li { list-style: none; } p { text-align: center; padding-top: 30px; font-size: 18px; color: orange; } .menu_qi
CSS的工作方式是浏览器逐行下载样式表,应用其可识别的属性,忽略其不支持的属性。本文将讲解CSS流式布局,分别从html结构、固定布局样式、将固定布局改为流式布局三个方面来阐述,感兴趣的小伙伴可以继续看下去。 1、html结构 <!doctype html> <html lang="en"> <head>
在CSS中定位使用position属性来设置,有以下4种取值: 静态定位 - static相对定位 - relative绝对定位 - absolute固定定位 - fixed 本文举例所用的材料 三个不同颜色的元素,都设置了同样的大小和左浮动。 本文的例子主要操作B元素。 静态定位 - static 静态定位是css中的
1.滚动条的设置,如果想要实现下面这个滚动效果 2.css样式如下: ::-webkit-scrollbar { //设置滚动条的宽高 width: 10px; height: 10px; background: transparent; overflow: visible; } ::-webk
背景 文章开始之前先简单了解下什么是 赛博朋克,以及什么是 赛博朋克2077。 赛博朋克(Cyberpunk)是“控制论、神经机械学”与“朋克”的结合词,背景大都建立于“低端生活与高等科技的结合”,拥有先进的科学技术,再以一定程度崩坏的社会结构做对比;拥有五花八门的视觉冲击效果,如街头的
界面 wxml代码 <!--头部信息--> <view class='toubu'> <view class='toubu-zuo'> <open-data type="userAvatarUrl" class="toubu-zuo-touxiang"></open-data> </view> <view class=
盒模型 盒模型:box model。div和span是最常见的两个盒子。图片,表单元素等这些可以看做为文本,他们并不是盒子。 1.盒子中的区域 一个盒子主要的属性为5个:width height padding border margin. width 内容的宽(标准盒模型下,不是盒子的宽。)height 内容的高(标准盒模型下,不是盒子的
text-shadow 文本阴影 阴影水平位置 垂直位置 阴影模糊大小 阴影颜色 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> h1{ text-shadow:10px 10px 5px gold; } </style> </
<p class="coupon"> <span>10000</span>SWT优惠券 </p> .coupon { width: 300px; height: 100px; line-height: 100px; margin: 50px auto; text-align: center; position: relative; background: radial-gradient(circle at
百度网页——进阶版 HTML源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>百度
特效一:无规则动态线 页脚 HTML 代码 <!-- 背景动画 color:自定义颜色;opacity:调节透明度;count:调节线性数量--> <script type="text/javascript" color="255,87,34" opacity='0.3' zIndex="1" count="111" src="https://files.cnblogs.co
步骤: 1、将table表格用div标签包裹起来 2、设置div的style="overflow:auto;width:100%" 3、设置table的style="white-space:nowrap" <template> <div> <div class="container"> <p>整体情况<van-button type="primary&q