CSS入门

来源:互联网 发布:激光冷却原理知乎 编辑:程序博客网 时间:2024/06/09 14:53

近来学习了css,在这里做一下总结


css:cascading style sheet 层叠样式表

负责的是页面样式的美化能够将页面美化到一定程度使用css能实现样式和网页结构的分离


css的书写位置:行内样式,内嵌样式(内部样式),外部样式

行内样式:是写在标签内部,即在标签内部添加style标签,只适用当前标签,会造成代码的冗余


内嵌样式(内部样式):在head标签里添加style标签,适用于当前页面所有符合要求的标签,能够实现html和css的基本分离


外部样式:首先新建文件,后缀名必须是.css

  然后通过link标签导入外部的css文件
<link rel="style sheet" href="路径">

适用范围:适用于多个页面(所有导入该文件的页面)能够实现html和css的彻底分离,样式的适用性高于行内样式和内部样式



css的基本书写结构:选择器{属性;属性值;}


选择器

选择器分为简单选择器和复杂选择器

简单选择器:标签选择器(类型选择器)格式:标签名{属性:属性值;}


id选择器  格式:#id名{属性:属性值;}    


类选择器        格式:.类名{属性:属性值;}



通用选择器(通配符选择器)    格式:*{属性:属性值;}


伪类选择器

复杂选择器:后代选择器 格式:基本选择器  基本选择器   (空格隔开)



子代选择器 格式:基本选择器>基本选择器



并集选择器 格式:基本选择器,基本选择器



交集选择器     格式:基本选择器基本选择器



属性选择器 格式:基本选择器[属性]


原创粉丝点击