HTML和CSS使用注意事项 - 相关文章

【HTML和CSS使用注意事项】的更多相关文章

编写css相关注意事项以及小技巧

一.小技巧 1.对于开始写网站css之前一般都要对css进行重置(养成写注释的习惯): ;;} body{font-size:16px;} img{border:none;} li{list-style:none;} input,select,textarea{outline:none;border:none;background:none} textarea{resize:none;} a{text-decoration:none;} /*清除浮动*/ .clearfix:after{cont…

【04】 CSS开发注意事项

[04] CSS注意事项 1. 页面编码规范 1.1. 统一使用 UTF-8 编码,用@charset "utf-8"指定页面编码. 1.2. 全局字体设置: windows 7系统:微软雅黑 Arial: windows XP及以下:新宋体,宋体,Arial MAC默认字体:Helvetica Neue和Helvetica Hiragino Sans GB. font-family:"Microsoft Yahei","Hiragino Sans GB&…

点击滚动图片JS部分代码以及css设置注意事项

下面js代码可以实现8张图片点击左右按钮后切换的过渡动画效果 var pslul11=document.getElementById('pslul11')var pslspan1=document.getElementById('pslspan1')var pslspan2=document.getElementById('pslspan2')var p=0 pslspan2.onclick=function dd1(){ if (p<7) {p+=1} pslul11.style.margin…

css编写注意事项（不定时更新）

CSS的编写是需要积累的,而一个好的css编写习惯对我们将来的成长是非常有利的,我会把我平时看到的或者遇到的会不定时的更新到这里,不时翻一下,但求有所进步. 如果各位看官也有看法和建议,评论下,我也会更新进来,谢谢! 1.css选择符是从右到左进行比配的,例如 #nav li,查找时先会去找到所有的li,然后再去筛选父元素,确定匹配的父元素......所以性能其实很差所以尽量减少深度 2.减少inline CSS的数量 3.使用现代合法的css属性 4.避免使用后代选择符 ,尽量使用子代选择…

HTML和CSS使用注意事项

HTML 1.button标签在IE中,button标签默认的type是button,而在其他浏览器和W3C标准中button默认的属性都是submit. 所以,在一个form表单中,如果button按钮绑定了一个click事件,用js触发的时候可能会默认把你的表单进行提交,而不是触发click事件绑定的函数. 2.XML文档中的空格和换行 (1)连续的普通空格会被合并成一个空格: (2)空格,回车,制表符都会被当做空格: (3)解析器对<tag>...</tag>中间的字符串做…

写css注意的事项

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

vue 引入css及注意事项

组件中: <style scoped> @import '../../static/css/xx.css'; // “ :”必须有 </style> 注:若用以下方法,全部组件都会引用 <script> import '../../static/css/xx.css' </script >…

CSS优先级、CSS选择器、编写CSS时的注意事项

CSS的优先级: 内嵌样式>ID选择器>类选择器>标签选择器内部样式>内部样式>外部样式 CSS的选择器: 选择器:在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 1.基本选择器(如下:): ID选择器:根据标签ID设置标签的样式(例如:#div1{height:100px;}),通常用来设置划分区间使用. 类选择器:根据标签的类设置标签的样式(例如:.div1{height:100px;}),通常用于设置不同标签却有相同样式. 标签选择器:根据标签名设置标…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

html中css、div命名规范

html中css.div命名规范 1.类class的命名规范示例头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:searc…