After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section：Regularity is the art of query
正则验证（正则验证网站）： http://tool.oschina.net/regex/# http://tool.chinaz.com/regex/ http://cs.smu.ca/~porter/csc/355/regexpal/
2019-09-021个赞
Courses in the relevant section：Regular verification function
正则验证函数： //函数：preg_match($pattern正则表达式,$subject要验证的字符串, $matches结果) 或 //函数：preg_match_all($pattern,$subject,$matches)
2019-09-021个赞
Courses in the relevant section：Regular delimiter
1.正则中要用到的字符(有特殊意义的，类似关键字)是不能用作定界符的。比如：/\w/ 2.反斜线"\"是正则中的转义字符 3.推荐使用"/"或"#"作正则定界符
2019-09-021个赞
Courses in the relevant section：basic format
X HTML5格式： <!DOCTYPE html>//文档类型声明 <html lang="en"> <head> <meta charset="utf-8">//编码 <title>标题</title> </head> <body> 主体部分，浏览器可见部分 </body> </html>
2019-09-021个赞
Courses in the relevant section：Global properties and others
全局属性和其他 HTML实体：将特殊意义得符号转换为实体代码 1． 空格： 2． 左右尖括号： <div> <music> <!--结果：--> <!--<div><music>--> 3. 版权：© 结果： <b>©</b> 元数据： 1. 指定名/值元数据对 2.声明字符编码：<meta charset="utf-8"> 3.模拟HTTP标头字段 编码：<meta http-equiv="content-type" content="text/html" charset="utf-8"> 跳转： <meta http-equiv="refresh" content="3;http://www.baidu.com"> 全局属性： 快捷键操作：accesskey 设置编辑状态：contenteditable 隐藏：hidden Tabindex属性
2019-09-021个赞
Courses in the relevant section：CSS3 prefixes and rem
CSS3前缀：前缀写在前面，标准写法写在后面 -webkit-border-radius: 50px;/*谷歌*/ -moz-border-radius: 50px;/*Firefox*/ /*标准*/
2019-09-021个赞
Courses in the relevant section：CSS3 text effects
文本阴影text-shadow,指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色 文本裁剪text-overflow,指定应向用户如何显示溢出内容（如：使用 "text-overflow:ellipsis":文本裁剪后后面是否添加省略号） 描边属性（谷歌）text-stroke-color、text-stroke-width、text-stroke必须加上前缀webkit
2019-09-021个赞
Courses in the relevant section：CSS3 gradient effect
渐变色： 线性渐变：Linear gradient//径向渐变：Radial gradient 从上到下：background-color:-webkit-linear-gradient(颜色1，颜色2，…) 从左到右：background-color:-webkit-linear-gradient(left，颜色1，颜色2，…) 从左上到右下：background-color:-webkit-linear-gradient(left top，颜色1，颜色2，…) 透明度：使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。
2019-09-021个赞
Courses in the relevant section：CSS3 deformation effect [Part 1]
变形(变换)-旋转、缩放、平移：transform、transform-origin Transform:平移translate、旋转rotate(deg)、缩放和扩大scale、倾斜元素skew
2019-09-021个赞
Courses in the relevant section：CSS3 transition effects
Css3过渡效果：(四种属性可以合在一起写，直接使用transition即可) Transition-property指定过渡或动态模拟的css属性；transition-duration指定完成过渡所需时间；transition-timing-function指定过渡的函数（缓动）；transition-delay指定过渡开始出现的时间
2019-09-021个赞
Courses in the relevant section：CSS3 animation effects
Animation实现动画效果： 1.通过类似Flash动画中的关键帧来声明一个动画-@keyframes 2.在animation属性中调用关键帧声明的动画 格式： @keynames name{ 0%{ ... } 50%{ ... } 100%{ ... } } 或 @keynames name2{ from{ ... } to{ ... } }
2019-09-021个赞
Courses in the relevant section：CSS traditional layout [Part 1]
1.Web网页布局模型：固定布局和流体布局，就是布局的长度是百分之百 2.从最低的分辨率开始设计1024*768 3.使用html5关键字标签可以搭建网页，如header、content、section、aside、footer等 4.注意布局时浮动的使用等
2019-09-021个赞
1.使用fontawesome:搜索fontawesome中文网，下载字体图标库，搭载环境并引入： <link href="css/font-awesome.min.css" rel="stylesheet">或 <link href="css/font-awesome.css" rel="stylesheet">，可以将中文网图标库中任意图标<i>标签复制粘贴到网页任意位置。 注意：字体图标设置大小（font-size/size）方才显示图标 2.制作网站首页时，一般命名为index.html，名称尽量使用英文，避免出现乱码，同时注意编码 3.网页基本框架代码： <!DOCTYPE html> <html> <head > 编码 <meta charset="UTF-8"> <title>仿小米官网首页</title> <style type="text/css"> </style> <link href="css/font-awesome.min.css" rel="stylesheet"> <!--网页标题图片--> <link rel="shortcut icon" type="image/x-icon" href="images/bbb.png" > 外部css... 或js样式 <script src="aaa.js" type="text/javascript"></script> ... </head> <body> </body> </html> 注意：外部引入的css文件要放置在<head>标签里 4.选择器的使用： 类选择器class：以"."开头 如.a id选择器：以“#”开头 如#a 5.浏览网页整体布局，分清区块，自定义css(清楚网页自带样式以及链接样式等；其余自行设置，比如小米官网导航条部分想要与整个网页的宽度一致，需要将其宽度设置为百分比-100%)等 希望有帮助！
2019-08-161个赞
Courses in the relevant section：Xiaomi Mall homepage layout structure and navigation construction
1. 网页标题里用小图片方法： <head > <meta charset="UTF-8"> <title></title> <link rel="shortcut icon" type="image/x-icon" href="images/download.png" > </head> 2./*将网页自带样式清除*/ *{ margin: 0; padding: 0; } 3.将链接默认样式去除 a{ text-decoration: none; } 4.居中对齐方法： .content{ width: 1226px; margin:0 auto; } 5. 设置浮动，需要注意清除浮动 /*设置浮动后要清除浮动*/ .clear{ clear: both; } 6. Padding{上 左右 下} Padding{上 右 下 左} Padding{上下 左右} 7./*清除无序列表自带样式*/ ul{ list-style: none;或list-style-type:none; } 8.布局时，从大的框架入手更方便 9.类选择器可以针对不同的对象，重复使用，类似的区块不需要再设置class（比如在52:40处<div class="content_bottom_menu1">为你推荐</div>可以一致使用）/使用id选择器，则是唯一的 10. 用“检查”或“审视元素”获取源网页的字体样式等，如字体颜色等 问题：57：26处“为你推荐”模块应放置在content里 导航条字体颜色为： #b0b0b0; <span>|</span> span{ color: #424242; margin: 0 .3em; }
2019-08-182个赞
Courses in the relevant section：Xiaomi Mall homepage head navigation and drop-down box construction
下拉菜单-使用div或ul标签 定位（难点）：绝对定位（脱离文档流）/相对定位（占据文档流） 给一个元素设置绝对定位absolute时，父级元素也要设置定位-relative（子元素是相对于父级元素而言） 快捷元素隐藏：display:none; 默认显示:display: block; 设置定位：position与top、bottom、left、right结合使用
2019-08-193个赞
