- 博客(14)
- 收藏
- 关注
原创 css3初学 (属性 2D3D转换 过渡 渐变)
1、CSS3 圆角 border-radiusdiv { border:2px solid; border-radius:25px; }2、CSS3 盒阴影 box-shadowdiv { box-shadow: 10px 10px 5px #888888; }3、CSS3 边界图片 border-imagediv{border-image:url(border.png) 30 30 round;}CSS3 背景background-image图片backgrou
2022-05-10 19:39:05
143
原创 元素的显示和隐藏
元素的显示与隐藏类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现本质:让一个元素在页面中隐藏或者显示出来一.display属性(显示隐藏元素,但是不保留位置)display:none ;隐藏对象display:block;除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素后,不再占有原来的位置。后面应用及其广泛,搭配js可以做很多的网页特效二.visibility可见性(显示隐藏元素,但是保留原来位置)visibility:visible;元
2022-05-07 20:34:25
754
原创 浮动的特性
浮动的特性:特性1:脱离标准文档流可以与其他元素并排展示也可以设置宽高元素如果不设置宽高,默认为内容的宽高。特性2 : 浮动的元素互相贴靠浮动元素会努力贴靠上一个浮动元素的边。如果宽度不够,则当前浮动元素会换行显示。换行后顶部不会超过上一个浮动元素的底部。特性3 : 浮动的元素有字围效果。标准流的文字不会被浮动的盒子遮挡。而是会像水一样将浮动的盒子包围起来。浮动与行内块的区别1、多个行内块并排展示时会有间隙。原因:HTML代码中行内块前后有空格,换行或者缩进。解决办
2022-05-07 20:31:03
717
原创 css选择器
1. 标签选择器:使用标签来对样式进行设置例如对span标签样式进行设定:span{ color: red;}2. 类选择器:通过.box(可以是任意名称,.必不可少)来设置CSS样式,再通过class="box"方法来调用例如:.box{ text-align: center;}<body> <div class="box"></box></body>3. id选择器:使用#box来设置样式,...
2022-05-07 20:27:46
221
原创 css初学
内部样式表 结构样式分离 没有彻底分离 控制范围中写到head里行内样式表 书写方便权重高 没有将样式与结构分离 控制范围小写到div span之类的标签里外部样式表 完全分离 需要引入 控制范围大需要建css文件 在head里通过link引入font-size 字体大小font-family 字体font-weuight 字体粗细font-style 字体风格以上四个可以写到一个font里但是需要排序 1style 2weight 3size 4fa
2022-04-27 19:54:32
85
原创 表单input的输入类型
邮箱Email 必须有@且前后有值网址 url 必须http开头数字 number 必须值是数字范围 range 取值 value默认值中间颜色 color RGB选择颜色 HSL或16进制进行选择时间 time date month week搜索 search 有一键删除功能以上功能不同浏览器显示效果不同 有些浏览器不支持 存在兼容性问题多媒体 需要加上控制台(controls)audio 音频 video 视频...
2022-04-27 19:38:24
137
原创 表格/表单
表格 用来处理和显示数据table tr td 都是双标签 三个缺一不可tr行 td列以下写到table里border 表格边框cellspacing 表格边框与单元格边框距离cellpadding 单元格内容与单元格边框距离width 宽度 height 高度 align表格在网页中的对齐方式 center 居中表格结构thead 头部(默认剧中加粗) tbody 身体tdoot 脚 captain 表格标题(默认表格最上且居中)合并单元格r
2022-04-26 20:34:58
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人