关于前端开发学习笔记

				关于前端开发学习笔记（第一天）

1、为什么网页上编码器选择正确以及代码编码器选择也正确，网页上还是出现乱码？解决方法：利用IDE重新将所写编码刷新一下
2、为什么同样是复制粘贴，这个table表格出现的形状和预想的不太一样？兄弟，看看复制的源标签是不是有点出错。嗯，这就是我出错的好多原因。
3、关于在html5中调节字体的标签总结
我的去。之前那种标签，我是不是都是一个一个加上的。。。。貌似是啊，要是要整体的话还是需要css中的标签选择器？
4、关于onclick的属性都哪些标签有？目前为止，基本都有。需要说明，在p标签使用的时候出现了一个尴尬的局面，就是使用后整篇文章的段落都有这个效果。。不仅段落，Tm随便点一个都会出现这个提示，等等，感觉像是我第一个设置属性设置在了全局。。。也不是啦，设置在头一段成了这种情况，删掉那一段效果之后就没有出现了。待定。。。原来代码
<font size=“5” face=“华文行楷” onclick=“alert(‘你没看错’)”
```
   <strong>职业选择器</strong></p>后来修改后将标题的onclick属性去除后，就没有了 哪个这个p是指一行并不是指一段又文字的地方5、select选择器
```

6、

7、块状元素特点：独占一行，在默认情况下，宽度自动填满父元素宽度宽度和高度可以控制margin和padding横向纵向设置都有效可以通过display:
inline;
转换为行内元素除个别特殊元素外，可包含块状元素和行内元素行内元素特点：不能独占一行宽高由内容撑开margin和padding横向设置有效，纵向设置不产生边距效果可以通过display:
block; 转换为块状元素除ins和del外，不能包含块状元素
7、在设置伪类选择器的时候，注意a与后面属性值之间不要空格，，，，，不然显示不出来，其他的选择器也有类似情况8、像类似的多标签选择，一个错了，这个都错了，空格的存在要警惕
9、^是shift+6 attr^意指开头的元素attr$指结尾attr*指包含的
10、11、备注：#号也算元素哦哦哦哦哦哦哦哦哦哦 12、Capitalize 首字母大写
Uppercase、lowercase 大小写转换13、css中不同属性需要用;隔开，不然默认仍是这个属性的值系统实用程序配置服务（msconfig）调出。通过全部禁用服务，停止服务重启之后可解决默认服务器不为。但请注意，这时候的所有注册机作用过的软件许可将失效
其中，在将服务全部启用的时候发现，应该是某一服务阻止默认程序为其他，启动顺序慢于微信。。。（待解决）
14、15、在css中变浅的属性值可以为400以下的数字，只有一个样子，可能有其他的数值，待查。变粗的数值为400以上数字或者bold，也是只有一个样子正常normal
16、假设在css标签中没有加上；等分隔符。最后一个属性不受影响，但其他属性值会失效。17、LINK
VISITEDHOVERACTIVELove hate
18、网页上的布局其实和画图是一个样子的，先
整体后局部，其实就是和框架结构那种，先画轴线后画墙体，然后一点一点往里面填。一点一点来，语义化的标签是为了方便不要想的那么难
19、关于子代元素选择格式有祖先后代 {属性：值；}
20、另：子元素选择器中有个父元素>子元素
21、相邻元素选择器改变得只有后一个元素22、关于css+div样式，需要抓住简便的关键性，像关于这个导航页面顶端这一部分代码的书写，更倾向于表格，但实际网站大多使用css+div需要搞清楚这其中的差距，加以分析（待定）
23、在css中背景图片和背景颜色的关系，一般来说背景图片始终浮于背景颜色之上。然后背景颜色不占空间，背景颜色不占空间，背景颜色不占空间。
24、关于选择器优先级问题，在选择多个选择器标签的时候，样式冲突时，系统默认为后一个标签样式所学位置即在style 中写的位置偏后的哪一个
25、Margin-left: margin-right: 等方式调节盒子之间距离
26、待试验：通过先画一个一个盒子先实现布局，再加上东西
27、a标签再继承上具有特殊性，需要谨记。
28、关于标签的简写总结
Font标签：顺序（斜体，加粗，大小\行高，字体）Background简写属性其值个数不定，顺序不定，每个值之间用空格分隔。
29、另，找到电脑上的顿号的快捷键了，嗯，嗯是再BACKSPACE下面的哪个按键！！！一般来讲不是SHIFT旁边的哪个键吗。。。。
清除浮动的四种方法还有啊清除浮动都是为了不让盒子下面的盒子上来而不是不让同个盒子里面的元素不上来！！！
1、设置行高,有个高度防止下面盒子上来，造成页面布局错误，因为浮动后就脱标了。不在占用空间，如果盒子没有设置高度，那么意味着盒子没有高度，按照标准文档流的做法，下面盒子就会往上走。
2、Clean
both（隔墙法）即设置空的div进行消除浮动在最后一个浮动元素下面
3、设置伪元素，：：before ：：after 大多使用这种
伪元素是行内元素需要转化成块元素。整体命令行是{Display:block;Clean:both;Content:” “
4、overflow：hidden进行清除浮动给浮动的父元素设置（触发BFC）在css语言中中的有个冒号需要注意
将浮动元素变为垂直的需要用margin因为在此时没有margin合并现象margin塌陷现象。。
30、关于debug出现原因及分析。综合所出现bug发声原因，可以总结一下几条规律以及解决方法。一、代码书写没有层次，导致应该出现的效果并没有出现。解决：
1、严格规范写法，养成处处留下注释好习惯。
2、检查插入文件名问题。
3、搞清楚，尤其是在存在多个属性交叉情况的时候，各个属性对应层级以及各个属性的继承性，警惕类似于a标签这种没有继承性的情况。
4、在一些常常写错的标签符号旁，需要谨记，现在是打基础的时间，宁可写得慢些，也要争取一次过，尽量将错误堆积量减少到最少。
31、关于结构伪类选择器的优先级的分析低于类选择器低于通用选择器，对，他就是最低的。这个还是需要查一下。32、在vsc中
要是下拉多选，需要滚轮从下向上复制，即可实现 33、精灵图的实现是通过这个背景图片而实现的！

关于前端开发学习笔记

猜你喜欢