css 基础2
1.内部样式表:
2.行内样式表:在标签内写style,适合style 比较少的情况
3.外部样式表(外联式):
4.html标签可以分为:块级标签,h1~h6,div ,p,ul,ol,li,div用的比较所,css+div布局。
四个特点:
1.总是新行开始
2.宽度,行高,外边距和内边距都可以控制
3.宽度默认是浏览器的100%
4.可以容纳内联元素和其他块元素
5.行内元素:常见的有a,strong,em,b,i,del,ins,s,u,span,span是最典型的行内元素
四个特点:
1.和相邻的行内元素在一行显示,
2.宽高无效,但是水平方向padding margin可以设置,垂直方向无效
3.默认的宽度是本身内容的宽度
4.行内元素只能容纳文本或其他行内元素
注意:a里面不能再放a,p里面不能在放块级元素,文字类的块级元素不能再放块级元素
6.行内块级元素:如img input td
特点:
1.和相邻行内元素在一行上,但是中间会有空白
2.默认宽度是本身内容宽度,
3.高度,宽度,内边距和外边距都可以控制
7.块级标签转行内标签:display:inline
8.行内标签转块级标签:display:block
9.行内转行内块元素:display:inline-block;
10,css 复合选择器:
1.交集选择器:由两个选择器组成,写法:标记选择器.类名选择器如p.one .one是类名,选择是即...又...的关系
11.css书写规范:
1.选择器与{}之间要有空格
2.属性名与:之间不要有空格,属性值与:要有空格
3.并集选择器,每个选择器要各自占一行
4.选择器之间的嵌套尽量不要嵌套三层
5.属性定义要另起一行
6.属性的定义,必须以;号结尾
12.背景:
1.background-color 背景颜色
2.background-img: url() 背景图片,会有平铺的效果
3.background-repeat: no-repeat 不平铺,repeat-x 水平平铺,repreat-y 纵向平铺,
4.backgroun-position: top,center,bottom,left,right;如果方位名字只写一个,那么另外一个默认centner,还可以书写精确的单位:第一个是x,第二个是y;精确单位和方位名字可以混搭
13.背景附着:background-attachemnt 默认scroll 滚动的,fixed,固定的,背景属性也可以简写,顺序没有强制要求,一般按一下顺序:颜色,图片,平铺,attachment,position,顺序之间是用空格隔开
14.背景半透明:颜色透明是rgba,背景半透明是background:rgba
15.背景缩放:background-size 设置背景图片的大小,两个参数:width,height;一个参数就改宽度,高度就等比例缩放了,一般就直改一个值,写半分比,就直接缩放了;cover,铺满,自动缩放比例,铺满整个屏幕,宽高都要满足,如果有溢出的部分会被隐藏。contain,与cover刚好相反;平时用的cover最多;img是直接通过height width设置图片大小,
16.多背景图片:在css3可以放多张背景图片。以“,”号隔开。
17;凹凸文字效果:
18:文本装饰,给链接修饰装饰效果:text-decoration none取消小划线,underline 文本下方下划线,overline 文本上方下划线,
最新文章
- 机电传动控制 PLC梯形图编程练习
- span 元素无法设置宽度问题
- wpf中UserControl的几种绑定方式
- Attributes:文本属性 和NSAttributedString
- 《STL系列》之map原理及实现
- bzoj1146整体二分+树链剖分+树状数组
- BZOJ3732 Network
- Linux SSH安全策略限制IP登录方法(转)
- [SharpDevelop]菜单状态更新
- phpinfo详解
- UVALive - 6577 Binary Tree 递推+找规律
- 使用Powermock进行单元测试,以及常见问题的处理
- 【Linux探索之旅】第一部分第六课:Linux如何安装在虚拟机中
- Redis源代码分析(二十)--- ae事件驱动
- JS如何实现导航栏的智能浮动
- maven-assembly-plugin插件的使用方法
- [Python]数据挖掘(1)、梯度下降求解逻辑回归——考核成绩分类
- C语言经典例题(菜鸟教程100例)
- Spring之Bean的注入
- Ubuntu下提示U盘没有权限--只能读不能写
热门文章
- Asp.net MVC Razor常见问题及解决方法(转载>;云中客)
- Hadoop框架
- shell 的 export命令
- 【机器学习】Apriori算法——原理及代码实现(Python版)
- Linux基础三(软件安装管理)
- 助教日志—请沈航13级同学将GIT地址和CNBLOG地址发到这篇博文的评论中
- MySQL与Spring事务隔离级别
- wifi 标准
- [转帖] 学习 Linux 大页的内存知识
- 远程显示(操作) 服务器 GUI 程序(图形化界面) (基于 X11 Forwarding + Centos + MobaXterm)