分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

css 之网页编辑

发布时间:2023-09-06 02:30责任编辑:胡小海关键词:暂无标签

内容概括

1.字体 | 文本相关属性样式
2.系统默认样式的清除操作(rest操作),(body | ul |p| a| hn 等
3.高级选择器
4.伪类选择器,a 的四大伪类
5.背景样式

 

一 · 字体设置

#text-align:center # 水平居中方式
#color :red ;#字体颜色
#font:900 30px/120px "stsong";#字重 大小/行高 字族
#了解
# em (自身 -> 父级 -> html)| rem (html)
#text-indent:2em
#字划线
#underline | line—through | overline
 
#text-decoration:underline 下划线样式
 
#text-decoration:line-through 删除线样式-贯穿线样式
 
#text-decoration:overline 上划线样式
 
****#text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式
 

二.reset 操作

# what | why:
#大多数系统预定义标签,有默认样式,不满足实际开发需求,反倒影响布局,通常在开发之前,将需要用到的预定义标签的默认样式清除,该操作就称之为 rest 操作
‘‘‘
body, h1, h6, p {
 margin: 0;
}
ul {
    margin: 0px;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: black;
}
‘‘‘

三.高级选择器

‘‘‘
1.群组
div, p, a {}
2.后代
body div {}
3.兄弟
.div1 ~.div2 {}
5.多类 {}
 
‘‘‘
 

四.高级选器优先级

‘‘‘
优先级和个数(权重)相关
基础选择器优先级占主导:id 无限大于 class 无限大于标签
选择器优先级相同时,和顺序有关
高级选择器类型不会影响优先级
伪类选择器相当于 class
‘‘‘

五.a 的四大伪类

‘‘‘
:link 链接初始状态
:hover 鼠标悬乎状态 ******
:visited 链接访问后的状态
:active 鼠标按下时的状态
‘‘‘

 
 
 
 
 

css 之网页编辑

原文地址:https://www.cnblogs.com/soulmateYANGYANG1225/p/10284360.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved