js相关笔记(四)
1.使用fireworks时,如果是直接打开一张图片,那么你就要锁定那个图层,否则,因为图片会随着的点击移动而移动。
2.站点就是 项目文件夹 就是 根目录
3.css 是层叠样式表,公共的样式放在上面,因为后面的样式表会把前面的样式层叠掉。
4.推荐的制作图标的网站 bitbug.net
5.那些所谓跳出历史舞台的html标签 如 i s u b ,其实只是他们的语义化跳出历史舞台 ,被em del ins strong 替代了,
但是那些没有语义化的标签 也可以做一些小的效果图。
6.浮动的盒子一般要设置宽度,不然会随着分辨率的变化而掉下来。
7.先写注释写代码再 粮草先行。
8.webstrom ctrl+alt+t 环绕标签
9.其实页面所有的标签都可以使用div来代替,因为css初始化就是把所有标签都变成最初的盒子,但是从语义化来讲,那样不利于seo优化,只有后台才不要seo搜索引擎抓取。
10.先写普通标签再写特别标签然后最后写更特别的标签
11.驼峰命名法,除第一个单词外其他的单词首字母都是大写。
12.先避免代码污染,然后再让代码重用。
13.css样式写错的时候,在浏览器的F12开发人员工具中,在右侧的Styles里查看时,该样式会被画删除线并且最左边还会有一个黄色三角形里面有个感叹号。
14.前端人员找错误是从前台找到后台,而不是一出现错误就找后台。
15.使用选择器来找标签 一般不要超过三个,因为如果出现优先级的问题时,那你可能会多写很多的选择器来提升优先级。
16.控制盒子稳定性
◆设置准确的高度宽度(高宽剩余不用)
◆设置padding(当盒子中有内容时或这分辨率改变时 盒子的高宽会不确定)
◆设置margin(会出现垂直方向上的外边距塌陷或折叠,解决方法是 设置边框 设置overflow:hiddent 给父容器设置脱离标准文档流)
17.边框 直接 bd+ 就是 border:1px solid #fff;
18.使用text-indent来移除a标签中的文字时,如果值是-9999999em或者-99999999px时,页面会出现bug,所以移除文字时,值不要给太大。
19.input标签的placeholder属性可以做到value属性的事儿,并且还能作为占位符,当鼠标点击输入数据的时候,占位符中的文本就会消失,但是兼容性不是很好。
20.设置鼠标的样式
◆cursor:pointer; //小手
◆cursor:txet;//输入光标
◆cursor:move;//十字箭头
◆cursor:default;//默认箭头
2.站点就是 项目文件夹 就是 根目录
3.css 是层叠样式表,公共的样式放在上面,因为后面的样式表会把前面的样式层叠掉。
4.推荐的制作图标的网站 bitbug.net
5.那些所谓跳出历史舞台的html标签 如 i s u b ,其实只是他们的语义化跳出历史舞台 ,被em del ins strong 替代了,
但是那些没有语义化的标签 也可以做一些小的效果图。
6.浮动的盒子一般要设置宽度,不然会随着分辨率的变化而掉下来。
7.先写注释写代码再 粮草先行。
8.webstrom ctrl+alt+t 环绕标签
9.其实页面所有的标签都可以使用div来代替,因为css初始化就是把所有标签都变成最初的盒子,但是从语义化来讲,那样不利于seo优化,只有后台才不要seo搜索引擎抓取。
10.先写普通标签再写特别标签然后最后写更特别的标签
11.驼峰命名法,除第一个单词外其他的单词首字母都是大写。
12.先避免代码污染,然后再让代码重用。
13.css样式写错的时候,在浏览器的F12开发人员工具中,在右侧的Styles里查看时,该样式会被画删除线并且最左边还会有一个黄色三角形里面有个感叹号。
14.前端人员找错误是从前台找到后台,而不是一出现错误就找后台。
15.使用选择器来找标签 一般不要超过三个,因为如果出现优先级的问题时,那你可能会多写很多的选择器来提升优先级。
16.控制盒子稳定性
◆设置准确的高度宽度(高宽剩余不用)
◆设置padding(当盒子中有内容时或这分辨率改变时 盒子的高宽会不确定)
◆设置margin(会出现垂直方向上的外边距塌陷或折叠,解决方法是 设置边框 设置overflow:hiddent 给父容器设置脱离标准文档流)
17.边框 直接 bd+ 就是 border:1px solid #fff;
18.使用text-indent来移除a标签中的文字时,如果值是-9999999em或者-99999999px时,页面会出现bug,所以移除文字时,值不要给太大。
19.input标签的placeholder属性可以做到value属性的事儿,并且还能作为占位符,当鼠标点击输入数据的时候,占位符中的文本就会消失,但是兼容性不是很好。
20.设置鼠标的样式
◆cursor:pointer; //小手
◆cursor:txet;//输入光标
◆cursor:move;//十字箭头
◆cursor:default;//默认箭头