![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS3
HTML+CSS3
qq_35381464
这个作者很懒,什么都没留下…
展开
-
CSS编写格式边框与渐变内容补充
CSS编写格式1.行内样式2.内嵌样式3.外链样式 --一般用外链4.导入样式外链样式和导入样式区别:共同点: 都是将CSS代码写到了一个单独的文件中不同点:外链样式, 在显示网页时, 会先加载CSS文件, 再显示页面导入样式, 在显示网页时, 会先显示界面, 再加载CSS文件外链样式是通过一个HTML标签引入CSS的而导入样式是通过@import引入CSS的, 而@import是CSS2.1推出, 所以导入样式存在兼容问题优先级问题行内样式的优先级最高其它.原创 2020-10-15 22:16:01 · 136 阅读 · 0 评论 -
盒子模型
网页布局方式网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的1.标准流(文档流/普通流)排版方式1.1其实浏览器默认的排版方式就是标准流的排版方式1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版水平排版, 如果元素是行内元素/...原创 2020-04-28 23:09:47 · 103 阅读 · 0 评论 -
背景属性与边框属性
边框属性1.什么边框?边框就是环绕在标签宽度和高度周围的线条2.边框属性的格式2.1连写(同时设置四条边的边框)border: 边框的宽度 边框的样式 边框的颜色;快捷键:bd+ border: 1px solid #000;注意点:1.连写格式中颜色属性可以省略, 省略之后默认就是黑色2.连写格式中样式不能省略, 省略之后就看不到边框了3.连写格式中宽度可以...原创 2020-04-28 23:00:46 · 233 阅读 · 0 评论 -
HTML路径问题
H-P标签:H标签从H1 - H6注释:<!--我是注释-->img标签作用:img标签中的img其实是英文image的缩写 所以img标签的作用, 就是告诉浏览器我们需要显示一张图片2.img标签格式:<img src=""> 其实img标签中的src是英文source的缩写 所以img标签中的src就是用来告诉img标签, 需要显示的图片名称...原创 2020-04-27 00:04:18 · 193 阅读 · 0 评论 -
HTML初识
字符集:例如各个国家的语音的集合,主要用户告诉浏览器需要编译成什么语言1.GBK和UTF-8的区别:前者体积小后者体积大,UTF-8包含所有语言2.开发如何选择:网站只包含中文用GBK,包含其他语言用UTF-8,体积越小浏览数据越快3.注意点:在HTML文件中指定的字符集必须和文件保存的字符集一致,否则还是会乱码4.meta标签的作用:执行当前页面的字符集。所以解决乱码现象直接...翻译 2020-04-26 23:11:29 · 142 阅读 · 0 评论 -
过度与动画
边框圆角(border-radius)将直角的边框变为圆角的边框2.边框圆角的格式?border-radius: 左上 右上 右下 左下;3.将正方形变为圆形的技巧border-radius: 50%;4.系统如何绘制圆角?首先根据指定的值找到圆心按照指定的值作为半径绘制圆弧注意点当只设置了一个值的时候, 其它三个角都会参考这个值border-radius:...原创 2020-04-29 17:25:56 · 148 阅读 · 0 评论 -
a标签伪类选择器与
过度模块1,过渡三要素1.1必须要有属性发生变化1.2必须告诉系统哪个属性需要执行过渡效果1.3必须告诉系统过渡效果持续时长2.注意点当多个属性需要同时执行过渡效果时用逗号隔开即可transition-property: width, background-color;transition-duration: 5s, 5s;1.过渡连写格式transition...原创 2020-04-29 17:14:51 · 98 阅读 · 0 评论 -
网页布局(标准流、浮动流、定位流)
定位流相对定位1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动3.相对定位注意点3.1相对定位是不脱离标准流的, 会继续在标准流中占用一份空间3.2在相对定位中同一个方向上的定位属性只能使用一个3.3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行...原创 2020-04-29 13:19:55 · 495 阅读 · 0 评论 -
CSS三大特性(继承、层叠、优先级)
CSS三大特性继承性作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点:1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承3.继承性中的特殊性3.1a标签的文字颜色和下划线是不能继承的3.2h标签的文字大小是不能继承的应用场景:...原创 2020-04-28 20:28:23 · 129 阅读 · 0 评论 -
CSS3选择器
选择器标签选择器作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式:标签名称{ 属性:值;}注意点:1.标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签2.标签选择器无论标签藏得多深都能选中3.只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input....)id选择器作用...原创 2020-04-28 20:22:56 · 144 阅读 · 0 评论 -
CSS3属性学习
CSS3CSS的学习一共分为两大部分, 一个是CSS的属性, 另一个是CSS选择器. 也就是说着两部分学完CSS就没有别的东西了字体属性:1.规定文字样式的属性格式:font-style: italic;取值:normal : 正常的, 默认就是正常的italic : 倾斜的快捷键:fs font-style: italic;fsn font-style: norma...原创 2020-04-27 21:10:41 · 138 阅读 · 0 评论 -
HTML废除标签
1.为什么HTML中有一部分标签会被废弃?因为当前的HTML中的标签只有一个作用, 就是用来添加语义而早期的HTML标签中有一部分标签是没有语义的,有一部分标签是用来修改样式的所以这部分标签就被淘汰了<br> <hr> <font><b> <u> <i> <s>以上标签都是没有语义的,都是用来修改样...原创 2020-04-27 20:42:35 · 140 阅读 · 0 评论 -
表单元素
表单:什么是表单:表单就是专门用来收集用户信息的2.什么是表单元素?2.1什么是元素?在HTML中 标签/标记/元素都是指HTML中的标签例如: <a> a标签/a标记/a元素表单元素其实还是HTML中的一些标签, 只不过这些标签比较特殊, 在浏览器中所有的表单标签都有特殊的外观和默认的功能3.表单的格式:<form> <表单元素&g...原创 2020-04-27 20:30:42 · 199 阅读 · 0 评论