4css
来源:互联网 发布:甘肃网络电视台回播 编辑:程序博客网 时间:2024/06/05 08:35
css
复习
1. 什么是css?
层叠样式表:层叠样式只会被覆盖,不会被替代。
2. css的使用方式
- style属性:
<h1 style="css属性"></h1>
- style标签:head标签里面
- link:
<link rel="stylesheet" herf="style.css">
3.基础选择器
html选择器
通过html标签名来选择元素
- 所有的html标签都可以当做选择器
- 无论标签藏多深都会被选中
- 选择的是所有的标签而不是具体某个标签,所以我们通过html标签选择器来设置的都是一些共性问题。
id选择器
- 任何的标签都可以有id属性和属性值(因为id是一个全局属性)。id命名不能随意的命名。大小写敏感,id的名字中可以有数字字母下划线,但是要以字母开头。(驼峰命名法分为小驼峰命名和大驼峰命名:testheader小驼峰;TestHeader大驼峰;test-header test_header)
- id名不能够重复
class 选择器
- 任何的标签都可以使用class属性(class属性也是一个全局属性)
- class属性名可以重复使用
- 一个class属性中,可以有多个class属性值
综合选择器
- 后代选择器 div p
- 交集选择器 div.d1
- 并集选择器 div,p
- 子元素选择器 div>p
- 序列选择器 ul li;first-child ul li:last-child
- 相邻兄弟选择器 div+p
- 普通兄弟选择器 div~p
继承与层叠
1. 继承
父元素的某些css属性会被子元素无条件的继承过去。关于文字的css属性都可以进行继承:color text- line- font-
2. 层叠
层叠解决的是css冲突的问题。
!important 能够把“单独属性”的权重变为无限大。(尽量少用)
块级元素与行内元素
div 块级元素
span 行内元素
块级元素和行内元素的区别
- 行内元素不能够设置宽度和高度,行内元素的高度与宽度是标签内容的高度和宽度,块级元素可以设置高度与宽度。
- 块级元素会独占一行,而行内元素却不能够独占一行,只能和其他的额行内元素共用一行。
- 如果块级元素 不设置宽度,那么块级元素会自动的占满父元素的全部宽度。
块级元素和行内元素之间的转换:
display: inline block inline-block
阅读全文
0 0
- CSS-4
- css-4
- 4css
- CSS(4)
- 4 . CSS color 属性 -- CSS前景色
- css学习4---css控制表格
- CSS基础学习4-CSS设置文本
- CSS速成手册(4)
- CSS速成手册4
- CSS速成手册(4)
- div+css (4)
- 4 css层叠
- Flex 4中的 CSS
- 专题4:css语法
- Javascript&CSS Tips - (4)
- 初探CSS 4选择器
- 学习CSS(4)
- CSS整理(4)
- 2html基本介绍
- Android 中的倒计时 CountDownTimer
- SDN在云数据中心的应用——架构篇
- [BZOJ4919][Lydsy六月份月赛 .C][树上DP][启发式合并]大根堆
- 3html和css简单介绍
- 4css
- 【正一专栏】国乒球员退赛——体育总局说点人话就这么难吗?
- eclipse maven引入第三方jar包后如何下载源代码(sources)
- iOS编程学习二
- C++学习笔记,字符串输入
- Linux C Socket编程原理及简单实例
- 九度oj-1075-斐波那契数列
- c语言---移位问题
- 如何生成微信二维码并将自己的信息存放到二维码中