day04.05

本文详细介绍了CSS的各种样式属性,包括颜色、字体、文本对齐、文本装饰、列表样式、光标、溢出处理、显示与隐藏等,并提供了页面初始化的示例代码。通过对这些基础知识的理解和应用,读者能够更好地掌握网页布局和美化技巧。
摘要由CSDN通过智能技术生成

样式:
    文本相关的样式:(可以被继承的)
        color:    设置文字颜色
        font-size:  设置字体的大小
        font-family:  设置字体,宋体    必须是浏览器可以访问到的字体,  
                font-family:仿宋,楷书,隶书;     字体栈,第一个字体有的话就用第一个,没有就下一个  
        font-style:   设置字体是否倾斜
        font-weight:   设置字体的粗细   400 = normal默认粗细    700 = bold 加粗   100-900
        text-align:    文本水平对齐方式    center 居中  left 左对齐   right 右对齐
        text-decoration:  对本进行修饰    line  style  color
                text-decoration-line:   none 取消样式  line-through 删除线 underline 下划线  overline 上划线
                text-decoration-style:     solid 实线  dashed 虚线  dotted 点状线  double 双实线  wavy 波浪线
                text-decoration-color:    对线条颜色的设置
        text-transform:   设置字体进行变形   
                none     不改变
                capitalize  所有单词的首字母大写 
                uppercase   把所有文本转换为大写
                lowercase   把所有文本转换成小写
                full-width  等宽
        text-shadow:  设置文本的阴影   h-shadow 水平阴影的位置  v-shadow 垂直阴影的位置  blur 模糊度  color 颜色
    列表相关样式:ol  ul 
        list-style:type  image  position
        list-style-type:   disc  实心小圆点 默认   circle 空心圆  decimal 会展示排序123   square 方块  
        list-style-image: url()  设置列表项标记的样式
        list-style-position:   列表项出现的位置  inside 会把样式放置在元素中li   outside 默认,样式在元素padding中

    光标的样式:cursor
        cursor: pointer 小手  move 移动  
                default  默认,箭头  auto 保持浏览器默认的样式 crosshair 十字架样式 
                help 帮助  wait 等待
    溢出样式:overflow
        1.hidden  溢出部分 隐藏
        2.auto   自动出现滚动条  如果容器放得下内容 则不出现滚动条  如果放不下内容,则出现滚动条  overflow-x:none    overflow-y:auto
        3.scroll    强制出现滚动条   
    显示和隐藏:
        1.opacity: 透明度 0-1   位置保留
        2.display: none       隐藏,屏幕当中的位置不保留,元素是存在的
        3.visibility:  hidden 隐藏,屏幕当中的位置保留, 元素也是存在的

    页面初始化:
        *{
            padding:0;
            margin:0
        }
        a{
            text-decoration:none
        }
        ul,ol {
            list-style:none
        }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值