页面背景-伪类选择器-相对定位-块和内联转换
来源:互联网 发布:牡丹江管理局电视网络 编辑:程序博客网 时间:2024/06/01 20:16
- 页面背景
- 伪类选择器
- 相对定位
- 杂乱无章
- 块和内联转换
页面背景
1.页面添加:在适当时间后刷新页面
meta http-equiv=”refush” content=”5”
2.关于网页背景的设置
background-color: //设置背景颜色
background-image:url(); //设置背景图片
background-repeat: no-repeat; //背景图片不平铺
background-repeat: repeat ; //在x轴平铺
background-position: px % //背景的位置
background-position:center bottom;
background-attachment:scroll; //是否随背景移动
3.圆形形状
border-radius: px [px px px] //设置弯曲的角度
4.居中显示
margin: 0 auto; 上下边界为0,左右根据宽度自适应相同值
要求必须有宽度,如果被注释掉,则无法显示
5.box-sizeing标签
伪类选择器
:root{} //设置整个页面的样式
body{} //设置页面里面的元素的样式,空白页则无div:hover{} //当元素被鼠标悬浮,呈现效果
/* 伪类hover实现高亮显示*/
div:active{} //当元素被点击的时候
input : focus{} //聚焦作用
:checked{} //当被单选选中时候会。。
div:visited{} //当第一次访问之后,浏览器会记住
div:before{} //在当前元素的前面添加东西
p::first-letter //首字母的样式z-index:x; //设置元素的堆叠顺序,越大越显现
相对定位
position: relative; //位置设定,相对或者绝对
top: px; //当前与上一级元素的距离 ab是与边框的
与相对定位结合使用
杂乱无章
text-decoration: node; //设置没有下划线
underline 添加下划线
div,a{} // 组合选择器
“#” //表示空链接
white-space: normal /nowrap :规定元素内的文本不换行
font-weight:bold; 字体重
border-collapse:collapse; 合并后是单线表格
块和内联转换
display: inline; //变内联
display: block ; //变成块
display : inline-block; //同时具备两种
dispaly属性转换内联元素和块级元素
- 页面背景-伪类选择器-相对定位-块和内联转换
- 图片作为背景,登陆页面相对定位
- CSS 选择器 样式 浮动 盒子模型 块元素 内联元素 内联块元素 定位 权重
- 内联 块转换
- 内联元素和块级元素的定位区别
- 背景相关属性 定位position类选择器
- 伪类选择器和伪元素
- CSS选择器和伪类、伪元素
- 伪元素和伪类选择器
- 关于页面元素的绝对定位和相对定位
- 字体样式、文本样式、块级元素和行内元素、伪类、背景、列表
- CSS3之伪元素选择器和伪类选择器
- CSS中选择器以及伪类和伪元素选择器
- 内联元素和块元素的区别及转换
- 页面背景选择器
- 块和内联
- 相对定位和绝对定位
- 绝对定位和相对定位
- Laravel 使用 laravel-page-speed 时出现style属性失效的一种原因
- JAVA利用字节流完成拷贝文件夹。
- 递归(汉诺塔)
- 动态内存分配
- 对一个人生日姓名进行操作(结构体)
- 页面背景-伪类选择器-相对定位-块和内联转换
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
- 第一个用tikz画的图
- jvisualvm安装插件
- Unity3D 大型游戏 MOBA类手机游戏 状态机在游戏中的应用(18)
- Android端关于HTTPS的认证---->可用
- Struts2结合Bootstrap-Table分页的使用
- 深入理解c语言指针-第六章
- docker项目开发部署