![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
HTML与CSS属性与值
苏年璟
这个作者很懒,什么都没留下…
展开
-
动画库
具体请根据链接去w3school查看旋转 2D本素材来源于w3school;点击进入w3c测试一下通过 旋转 2D转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释:Internet Explorer 9 ...原创 2019-11-27 23:04:49 · 153 阅读 · 0 评论 -
媒体查询
媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 “voice-family” 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,“font-size” 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常会需要比纸媒介文档更大的字号,同时,在显示器上,sans-serif 字体更易阅读,而在纸媒介上,serif 字体更易阅读。@med...原创 2019-11-27 22:19:44 · 196 阅读 · 0 评论 -
伪类-伪元素
伪元素属性值描述::first-letter向文本第一个字母添加特殊样式::first-line向文本的首行添加特殊样式::before在元素之前添加内容::after在元素之后添加内容...原创 2019-11-27 21:45:53 · 183 阅读 · 0 评论 -
input控件
type属性值描述text单行文本password密码radio单选checkbox多选bottom普通按钮-不推荐使用(与bottom标签功能类似)submit提交按钮reset重置按钮image图片形式提交按钮file文件域email邮箱tel手机号number数字search...原创 2019-11-24 22:49:17 · 884 阅读 · 0 评论 -
CSS渐变
线性渐变background-image:linear-gradient();注意,颜色之间用逗号分开从上到下的线性渐变(默认)效果图div{ width: 200px; height:200px; margin: 0 auto; background-image: linear-gradient(red, orange);} 从左到...原创 2019-11-24 22:09:45 · 197 阅读 · 0 评论 -
CSS样式-特殊的图标
效果图HTML部分:<body><div class="link"> <a class="✘" href="#">Decline</a> <a class="☺" href="#">笑脸</a> <a class="◔-◔" href="#">白痴</a> <...原创 2019-11-24 18:29:51 · 267 阅读 · 0 评论 -
CSS清空样式
清空默认样式html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body{width: 100%;margin:0px;}将所有标签设置为块元素article,aside,details,figcaption,figure,footer,h...原创 2019-11-24 18:06:35 · 624 阅读 · 0 评论 -
下拉菜单
<select> <option value="">子选项一</option> <option value="">子选项二</option> <option value="">子选项三</option></select>效果图下拉子菜单的属性eg<se...原创 2019-11-24 16:55:32 · 88 阅读 · 0 评论 -
表格
<table> <!-- 代表这是一个表格 --> <tr> <!-- 代表行 --> <th>表头内容1</th> <!-- th 代表表头内容单元格 --> <th>表头内容2</th> <th>表头内容3<...原创 2019-11-23 22:06:46 · 172 阅读 · 0 评论 -
弹性布局
display:flex影响子元素的排列方式,使得块级元素不再独占一行。无论多少个元素都始终在同一行显示。flex-direction值设置布局方向row从左到右(默认)row-reverse从右至左column从上到下column-reverse从下至上...原创 2019-11-23 21:39:38 · 190 阅读 · 0 评论 -
定位+浮动
父相子绝原创 2019-11-23 14:40:33 · 258 阅读 · 0 评论 -
盒模型
border,margin,padding,content,width,height上 右 下 左border — 边框border-color —边框颜色border-width —边框粗细border-style —边框样式border-radius --边框角度补充border-width 的值border-style 的值border-radius...原创 2019-11-16 14:25:28 · 104 阅读 · 0 评论 -
HTML-基本命名规范
HTML 布局时命名规范常用:头部:header内容:content/container主体:main尾部:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper功能区:左、中、右:left 、 center 、 right标志:logo标题:title登录条:logobar广告:banner登入:login...原创 2019-11-11 17:06:12 · 612 阅读 · 0 评论 -
文本-HTML基础类
单位em 相对于 父元素rem 相对于页面根元素,及html元素文本标签 <p>段落标签 块级</p> <span>正常文本标签 行内</span> <b>加粗 是bold的简写</b> <i>斜体</i> 25<sup>2</sup>...原创 2019-11-11 20:57:34 · 151 阅读 · 0 评论