CSS知识整理
来源:互联网 发布:淘宝开店上传宝贝技巧 编辑:程序博客网 时间:2024/06/16 21:39
一css简介:
是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
二 CSS的引入方式:
书写方式:CSS 规则由两个主要的部分构成:选择器+一条或多条声明:
1内嵌方式:直接把CSS的代码嵌入到html语句当中。
(1) 使用style属性将样式嵌入到html当中。
(2)修饰属性:属性+属性值。
(3)属性与属性之间用分号间隔。
例句:
2内部方式
(1)在head部分利用style属性引入,type=”text/css告诉浏览器用css解析器去解析。
(2)(3)同上。
div{color:red;font-size: 100px;}
3外部模式:将css样式抽取成一个单独css文件 谁去使用谁就引用
(1)在外部创建css单独的修饰文件。
(2)将放入到head部分。
(3) (4)同上。
二CSS选择器:
1基本选择器
(1)元素选择器
html标签名{CSS属性} (放入到head文件标签部分)
(2)id选择器
id唯一性
语法:#id的值{css属性}
(3)class选择器
语法:.class的值{css属性}
2属性选择器
语法:基本选择器[属性=‘属性值’]{css属性}
3伪元素选择器
标签的伪元素选择器
语法:
静止状态 a:link{css属性}
悬浮状态 a:hover{css属性}
触发状态 a:active{css属性}
完成状态 a:visited{css属性}
示例:
Fuck me
- CSS碎片知识整理
- CSS知识整理
- CSS Font知识整理总结
- 【黑马程序员】CSS的相关知识整理
- 前端重点知识整理(CSS)
- HTML+CSS+JS部分知识整理
- 【前端知识点】CSS知识部分重点整理
- 前端知识整理之CSS盒模型
- [CSS知识]有关表格边框的CSS语法整理
- 【知识整理】CSS多余的多行文本显示省略号
- 任务二(Html Css简单学习与知识整理)
- 前端知识整理之CSS命名(BEM)
- HTML/CSS小知识整理(持续更新)
- 知识整理
- 知识整理
- 知识整理
- CSS 知识
- CSS知识
- 74. Search a 2D Matrix AND 240. Search a 2D Matrix II leetcode binary search
- maven使用国内源和使用代理
- 快速排序
- 蓝鸥iOS从零基础到精通就业-OC语言入门 对象内存管理1
- 大小端判断
- CSS知识整理
- appche kudu 安装简单步骤
- aliyun服务器ecs被ddos后无法被zabbix-server监控的处理
- nrf51822裸机教程-RTC
- android中Tween动画的监听事件【实现小球在手机屏幕运动一圈】
- FFmpeg source demo 在VS2010下错误总结
- 蓝鸥iOS从零基础到精通就业-OC语言入门 对象内存管理2
- Java三大框架
- 第一天学习php 2016年12月29日