• CSS的行内、内嵌、链接三引入方式+属性:color\font\text\backgroun\list\样式的继承\id#锚点


     HTML格式
        


            
                CSS的世界要到了  face字体 size字号 color颜色
            

            

            b加粗i倾斜,u加下划线
        

     

    CSS格式 ---

    有三种 行内 内嵌 链接

    这有一个---优先级

    行内>内嵌>链接

     color:文本前景色

    background-color:背景色


    font-family: 字体---宋体黑体;
    font-size:字体大小--单位值(px pt em  x-small small xx-small medium large xx-large--samller larger)百分比(90%)命名值 ;
    font-style:是否倾斜------- normal()italic(斜体)oblique(斜的);
    font-weight: 是否加粗--------------normal()bold()bolder()lighter(浅的)inherit() 100-900;
    font-variant:设置小型大写字母------------- normal()small-caps(小写的字母变更成小型的大写字母)inherit();
     font都可设置----style(倾斜)weight(加粗)size(大小)family(字体)


    text-align: 行内容对齐 文本的水平对齐方式------left center(居中对齐) right justify(两端对齐) ;
    text-decoration: 添加下划线------ underline overline line-through(中划线) blink(闪烁的效果) none;
    text-indent: 首行缩进------px pt %(相对于窗口) em;

    text-overflow: 如何处理太长文本------clip(简短) ellipsis(省略) ellipsis-word ;
    text-shadow:设置文本阴影------px(水平的偏移),px(垂直的偏移),px(阴影的宽度),#ff90000(阴影的颜色) ;

    text-transform:修改文本大小写 ------capitalize(首字母大写) uppercase(大写) lowercase (小写);
    line-height: 设置行高------px pt % em;
    letter-spacing:设置字符间距------ px pt % em;
    word-spacing:设置字间距------px pt % em ;


    background-color:背景颜色———名称 RGB HEX ;
    background-image: 背景图片——url("图片的url");
    background-position: 背景图片起始位置——水平位置(距离左侧的距离) 垂直位置 或者x% y%;
    background-repeat:是否及如何重复背景图片——repeat repeat-x(水平方向进行图片重复) repeat-y no-repeat ;
    background-attachment: 背景图片是否固定或者随页面其余部分滚动——fixed scroll;
    background:全部——color()image()repeat()attachment()position() ;


    list-style-type:

    none变成无序列表

    disc(实心圆点) circle(空心圆点) square正方形

    decimal(数字标号)

    decimal-leading-zero:两位数字01、02、03

    lower-roman(小写罗马字母)

    upper-roman(大写罗马字母)

    lower-alpha(阿拉伯小写abcd)

    upper-alpha(大写ABCD)

    lower-greek :小写希腊字母

     等还有hebrew-希伯来语\armenian-亚美尼亚\georgian、等


    样式的继承与冲突

    多种样式应用到一个元素,这些样式将被继承-----采取最近匹配的原则


     id选择器+锚点a

  • 相关阅读:
    synchronized jvm实现思考
    Unity实现设计模式——责任链模式
    百度翻译很方便,几点注意事项
    CSV文件打开乱码解决方案
    【沐风老师】3DMAX翻转折叠动画插件FoldFx使用方法详解
    Redis 主从
    【Vite】development、mock和production不同环境下的配置
    10.Tomcat,Servlet
    第一章 初识debug
    python pandas 时间序列数据
  • 原文地址:https://blog.csdn.net/weixin_47295886/article/details/126149465