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名{属性:属性值;}
类选择器 格式:.类名{属性:属性值;}
通用选择器(通配符选择器) 格式:*{属性:属性值;}
伪类选择器
复杂选择器:后代选择器 格式:基本选择器 基本选择器 (空格隔开)
子代选择器 格式:基本选择器>基本选择器
并集选择器 格式:基本选择器,基本选择器
交集选择器 格式:基本选择器基本选择器
属性选择器 格式:基本选择器[属性]
阅读全文
0 0
- CSS入门
- css入门
- CSS入门
- CSS入门
- CSS 入门
- CSS入门
- CSS入门
- CSS入门
- CSS入门
- css入门
- CSS入门
- css入门
- CSS入门
- CSS 入门
- css 入门
- css入门
- CSS入门
- CSS 入门
- 文章标题
- bootstrap的栅格系统
- 复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值
- jQuery属性
- jQuery选择器
- CSS入门
- jQuery文档处理
- ThinkPhp数据缓存技术
- thinkphp下实现ajax无刷新分页
- 特殊音拼读
- php在web服务器中的工作原理
- thinkphp图片上传+validate表单验证+图片木马检测+缩略图生成
- thinkphp的where方法的使用
- jQuery筛选