该文被密码保护。 阅读全文
posted @ 2020-10-12 16:32
晨光曦微
阅读(0)
评论(0)
推荐(0)
摘要：
width:calc(100%-50px); width:calc(100px/5); 加减乘除都可进行 阅读全文
posted @ 2020-09-26 15:13
晨光曦微
阅读(363)
评论(0)
推荐(0)
摘要：
一、属性选择器 <style> /*1.属性选择器：用中括号选择含有value属性的input元素*/ input[value]{ color: blue; } /*2.属性选择器：用中括号选择含有value属性值为password的input元素*/ input[type=password]{ c 阅读全文
posted @ 2020-09-24 17:49
晨光曦微
阅读(208)
评论(0)
推荐(0)
摘要：
文档：https://www.runoob.com/html/html5-form-input-types.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten 阅读全文
posted @ 2020-09-24 16:11
晨光曦微
阅读(252)
评论(0)
推荐(0)
摘要：
<style> /*原理：第一步*/ .box1{ width: 0; height: 0; border-top: 50px solid green; border-right: 50px solid red; border-bottom: 0px solid yellow; /*1.底边去除就变 阅读全文
posted @ 2020-09-24 11:51
晨光曦微
阅读(1684)
评论(0)
推荐(0)
摘要：
代码 <style type="text/css"> *{/*去除默认的距离*/ margin: 0; padding: 0; } .box{text-align: center;} /*让盒子内所有a元素水平居中*/ .box a{ display: inline-block; width: 36 阅读全文
posted @ 2020-09-24 11:05
晨光曦微
阅读(126)
评论(0)
推荐(0)
摘要：
解决代码 <style> .pro li{ list-style: none; width: 150px; height: 200px; float: left; border: 1px solid red; /*关键：给每个盒子加一个-1的位置，即向左移动1像素*/ margin-left: -1 阅读全文
posted @ 2020-09-20 17:55
晨光曦微
阅读(539)
评论(0)
推荐(0)
摘要：
文档：https://www.w3school.com.cn/css/pr_pos_vertical-align.asp <style> .inline1 img{ width: 50px; height: 50px; border-radius:25px; /*vertical-align：bas 阅读全文
posted @ 2020-09-20 16:30
晨光曦微
阅读(150)
评论(0)
推荐(0)
摘要：
三角写法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小三角 阅读全文
posted @ 2020-09-20 15:59
晨光曦微
阅读(598)
评论(0)
推荐(0)
摘要：
一、基础使用字体图标 常用下载： https://icomoon.io/ 的ico的app即： https://icomoon.io/app/#/select 选择——创建——下载 https://www.iconfont.cn/ 二、下载下来的字体解压 把内部的fonts文件夹拿出来放入项目根目录 阅读全文
posted @ 2020-09-20 15:12
晨光曦微
阅读(445)
评论(0)
推荐(0)
浙公网安备 33010602011771号