(web)小白学习之路(HTML基础)

本文详细介绍了CSS中的一些核心属性,包括颜色、背景、字体、边框、外内边距、圆角、文本对齐、超链接、图片和音频视频标签的使用。通过这些属性,可以实现网页元素的样式控制和多媒体集成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

属性(文本添加样式)
style  =  "属性名  :  属性值;属性名  :  属性值 ; ..."
        1.color  :  red
           字体颜色


        2.background - color : red
           背景颜色


        3.font - size : 2em/16px
           字体的大小


        4.font - weight : bold 100-900
           字体的粗细 区间100 - 900


        5.display : block / inline
           inline      行内元素   相当于span    不能给宽高
           inline  block             行内块            即可以给与宽高又不换行
           block      块元素      相当于div
           none       隐藏
       

        6.border : 0px  solid(实线) red 
           边框(宽度 线性 颜色)
           例子:border - bottom:1px solid green      下边框为绿色

                    
        7.margin : 0px       外边距
           padding - right :10px        右边距 


        8.padding : 0px     内边距/内补
           padding - left: 10px           左边距


        9.border - radius:50%          圆形


        10.text - aligh:center            文本居中
            

11.a  超链接   href    链接目标地址
     有本地相对路径和网络地址
     target
     _black       新空白页
     _self          当前页
                
     可以添加锚点(不会刷新页面)
     目标位置要有 id 且须以字母开头
     href的值要以 # 开头内容和id一致
     当href的值为 # 时 返回到顶层

12.img   传入图片
     行内元素 没有闭合标签
     src    有图片本地地址和网络链接地址(不一定能用,有些有反爬机制)         
     alt     图片加载失败显示文本信息

13.audio   音频标签
     src
     音频路径 有 本地资源 与 网络资源
     controls   控件(显示音频播放器)一般会自定义
     autoplay            自动播放 (谷歌浏览器不行)
     muted      优先静音

14.video   视频标签
     src
     视频路径 有 本地资源 和 网络资源
     controls   控件(显示视频播放器) 一般会自定义
     autoplay            自动播放(谷歌浏览器不行)

            
                
  15.iframe  框架标签        用于引入其他页面
       frameborder     0    没有边框     1       有边框
       scrolling           no   不显示        yes    显示

                    
                
                  
            
                
                  
                
                             

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值