原创力文档- 1、本文档共16页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
2024/8/3CSS第一课初识代码
什么是语言？语言：交流工具人与人之间的沟通交流，我们会用到各种语言，比如：汉语，英语……；作为一个前端工程师，要与浏览器沟通交流，就要用到浏览器所能识别的语言；
前端开发语言介绍html（HypertextMarkupLanguage）——结构 超文本标记语言css（CascadingStyleSheets）——样式 层叠样式表js（javascript）——行为
html第一个页面html超文本标记语言标记html标签html/html标签对!DOCTYPEHTML声明文档类型metacharset=utf-8/代码编码格式单标签：直接在后面斜杠结束的标签叫做单标签。
样式表出现的位置行间样式表divstyle=……/div内部样式表style…………/style外部样式表linkhref=style.cssrel=stylesheet/
常见样式一background属性：属性值；width宽度height高度background背景background-attachment:fixed;背景是否滚动background-color:gray;背景颜色background-image:url(bg.jpg);背景图background-repeat:no-repeat;背景图是否重复background-position:center0px;背景图位置
常见样式一borderborder边框border-width边框宽度border-style边框样式border-color边框颜色边框样式： solid实线 dashed虚线 dotted点线（IE6不兼容）
常见样式一paddingpadding内边距 padding-top上边内边距 padding-right右边内边距 padding-bottom下边内边距 padding-left左边内边距 padding:toprightbottomleft; 注意：内边距相当于给一个盒子加了填充厚度会影响盒子大小。
常见样式一marginmargin外边距外边距的问题： 1、上下外边距会叠压； 2、父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）外边距复合：margin:toprightbottomleft;
盒模型盒子大小=border+padding+width/height盒子宽度=左border+左padding+width+右padding+右border盒子高度=上border+上padding+height+下padding+下border
常见样式一结构结构样式： width宽度 height高度 background背景 border边框 padding内边距 margin外边距复合属性：一个属性多个属性值的命令，叫做复合属性。
常见样式—文本设置font-size文字大小（一般均为偶数）font-family字体（中文默认宋体）color文字颜色（英文、rgb、十六位进制色彩值）line-height行高text-align文本对齐方式text-indent首行缩进（em缩进字符）font-weight文字着重font-style文字倾斜text-decoration文本修饰letter-spacing字母间距word-spacing单词间距（以空格为解析单位）
常见复合属性复合属性：backgroundborderpaddingmarginfont：font-style|font-weight|font-size/line-height|font-family；
常见样式(17个)width宽度height高度background背景border边框padding内边距
文档评论（0）