- 博客(9)
- 收藏
- 关注
原创 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 90
原创 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 203
原创 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 125
转载 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 374
原创 oveflow属性
oveflow属性1.值描述visible默认值。内容不会被修剪,呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。2.使用最多的情况overflow:hidden; 常用来清除浮动3. 例<div class="con
2022-03-24 16:22:42 484
原创 文本html
文本html1.标签p,span,strong,em,del(删除线),ins(下划线),br,hr,h1-h62.<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 254
原创 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 299
原创 table 表格
table 表格数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等属性有单元格边距(Cell padding)、单元格间距(Cell spacing)、背景图片等1.表格标签<table> <tr> <th></th> </tr> <tr> <td></td> </tr></table>或<t
2022-03-22 19:41:49 51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人