1.html元素具有原始样式,但在不同浏览器中的表现有差异,可使用reset css进行样式重置,再进行样式编辑。
2.样式规则中的空白会占据空间,可使用webpack进行压缩。
3.样式规则存在错误时,解释器会选择忽视,不影响其他样式规则。
3.样式定义的方式
①外部样式表(置于head标签中,样式文件的后缀为.css)
<link rel="stylesheet" href="./index.css"> (一个页面可引入多个外部样式表) ②嵌入样式 <style> .box{ width: 100px; } </style> ③内联样式(多个样式间用分号隔开) <div style="width:100px;height:100px;">盒子</div> ④导入样式(在原样式规则中导入其他样式,可置于外部样式和style标签中) @improtant "index.css" @improtant url("index.css") (注:置于style标签中时,需要放在样式规则前面) 4.选择器(通过选择器查找元素,进而控制样式) .example 类选择器 #example ID选择器 * 通配选择器标签:19,标签,样式,样式表,规则,日志,选择器,css 来源: https://www.cnblogs.com/storm-coming/p/16391855.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。