- 博客(13)
- 收藏
- 关注
原创 渡一css8
<div class="wrapper"> <div class="content"></div> </div> .wrapper { height: 40px; background-color: aquamarine; } .content { margin: 0 auto; width: 1000px; height: 40px; background-color: coral; }
2020-07-28 16:10:14 209
原创 渡一css7
溢出容器,要打点展示 1.单行文本 <p>微微温暖融化昨夜的冰雪,就像是每一秒都称为岁月</p> p { width: 300px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2.多行文本 多行只做截断,不做打点 <p>微微温暖融化昨夜的冰雪,就像是每一秒都称为岁月
2020-07-28 11:01:41 120
原创 渡一css6
伪元素 span::before { content: "杰伦"; position: absolute; left: 0; top: 100px; display: inline-block; width: 100px; height: 100px; background-color: red; } span::after { content: ",是的,的确是这样"; } 下面是用伪元素选择器解决前面的清除浮动问题而不改动ht
2020-07-27 15:17:15 175
原创 渡一css5
两栏布局 <div class="right"></div> <div class="left"></div> right跟left的顺序不可调换 .right { position: absolute; right: 0; width: 100px; height: 100px; background-color: #ffaaaa; opacity: 0.5; } .left { margin-ri
2020-07-26 17:11:43 172
原创 css简易版五环
* { margin: 0; padding: 0; } .wrapper { position: relative; border: 2px solid#fff; border-radius: 50%; top: 20%; left: 30%; } .demo { position: absolute; border: 2px solid pink; border-radius: 50%; padding: 10p
2020-07-14 06:40:09 138
原创 渡一css4
<1>行级元素(inline) feature:内容决定元素所占位置 不可以通过css改变宽高 <del> <strong> <a> <del> <em> <2>块级元素(block) feature:独占一行 可以通过css改变宽高 <div> <p> <ul> <li> <ol> <form> <address> <3>行块级
2020-07-13 19:51:56 208
原创 java面向对象程序设计1
public class VendingMachine { int price=80; int balance; int total; //用VendingMachine定义的每个对象都有这三个属性跟下面四个方法 void showPrompt() { System.out.println("welcome"); } void insertMoney(int amount) { balance=balance+amo...
2020-07-12 08:21:16 97
原创 渡一css2
复杂选择器 1)父子选择器/派生选择器 语法格式:最外面的结构 外面的结构 里面的结构{ } 注意:父子选择器中,每一个层级,都不一定要是标签选择器,写 class 选择器也行, 重要的是表达出来父子关系。而且这种父子关系可以是间接地,也有可以是直接 的 <div class="wrapper"> <strong class="box"> <span>1234212</span> </strong>
2020-07-04 16:54:45 212
原创 渡一css关于选择器的优先权
<body> <div id="only" class="demo">123</div> </body> .demo { background-color: #ffeecc;} #only { background-color: darkseagreen;} .demo { background-color: #ffeecc;} div { background-color: yellow;}
2020-07-02 20:28:14 273
原创 渡一css1
结构 html,样式 css,行为 js 相分离 css 相当于装修材料,cascading style sheet(层叠 样式 表) 注释 <!-- --> 作用: ①备注 ②调试 css初级篇 引入css的方法有: 1)行间样式: <div style=" width: 100px; height: 100px; background-color: #ece;"> 2)页面级css <head> <style type="text/css"&g.
2020-07-02 18:46:31 295
原创 渡一html3
<form action="" method="GET"> <h1> choose your favourite fruit! </h1> 1.apple <input type="radio" name="fruit" value="apple"> 2.orange <input type="radio" name="fruit" value="orange"&g
2020-07-02 11:51:37 170
原创 渡一html2
<ol type="i"> <strong> <em> <li>marvel</li> <li>的的</li> <li>小飞侠</li> </em> </strong> </ol>.
2020-07-02 07:41:35 230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人