- 博客(9)
- 收藏
- 关注
RSS订阅原创 css渐变
css渐变 background-image: linear-gradient(angle, color-stop1, color-stop2); angle：向下、向上、向右、向左、向右下等等，值 0deg 等于向上（to top）。值 90deg 等于向右（to right）。值 180deg 等于向下（to bottom）。 background: linear-gradient(top, #fff 0%,#f7f7f7 84%,#e8e8e8 100%); ); 颜色的量还可以用百分比表示所占所
2022-04-13 10:12:55
169
原创 flex布局
flex布局 容器：display:flex; position:flexed; (行内元素也可以使用Flex布局：display:inline-flex;) 注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 1.flex-direction：决定主轴方向（项目排列方向） row：水平方向，从左到右 row-reverse：水平方向，从右到左 column：垂直方向，从上到下 column-reverse：垂直方向，从下到上 2.ju
2022-04-13 10:11:35
286
原创 css的@font-face和box-shadow、text-shadow属性
css的@font-face和box-shadow、text-shadow属性 1.@font-face属性（引入字体） @font-face { font-family: Economica-Bold-OTF; src: url("font/Economica-Bold-OTF.otf") format("OpenType"); } @font-face { font-family: DroidSans-Bold; src: url("font/DroidSans-Bold
2022-03-28 09:43:57
177
转载 CSS样式word-wrap和word-break的区别
CSS样式word-wrap和word-break的区别 word-wrap: css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 normal 只在允许的断字点换行（浏览器保持默认处理）。 break-word 在长单词或 URL 地址内部进行换行。 word-break: css的 word-break 属性用来标明怎么样进行单词内的断句。 normal 使用浏览器默认的换行规则。
2022-03-26 21:35:24
533
原创 oveflow属性
oveflow属性 1. 值 描述 visible 默认值。内容不会被修剪，呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。 2.使用最多的情况 overflow：hidden； 常用来清除浮动 3. 例 <div class="con
2022-03-24 16:22:42
1171
原创 文本html
文本html 1.标签 p，span，strong，em，del（删除线），ins（下划线），br，hr，h1-h6 2. <a href="地址" target="_blank | _self" ></a> herf：可用于锚点链接（定位文本指定位置） 1）在href属性中，设置属性值为#id名字的形式 2）在目标标签中加上相同的id属性 target：新窗口打开 |在原窗口打开 3.字体属性 font-family，font-size，font-style:normal |
2022-03-23 20:06:34
291
原创 html表单基本内容
表单基本内容 1.表单基本标签 <!-- action="url地址，提交表单时执行的运作" method="提交方式(GET或POST)" name=""--> <form action=""> 账号：<input type="text" name="" id=""><br> 邮箱：<input type="email" name="" id=""><br> 密码：<input
2022-03-22 20:07:33
344
原创 table 表格
table 表格 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等 属性有单元格边距(Cell padding)、单元格间距(Cell spacing)、背景图片等 1.表格标签 <table> <tr> <th></th> </tr> <tr> <td></td> </tr> </table> 或 <t
2022-03-22 19:41:49
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人