• css引入


    最近使用eclipse写前端,反正都是编译软件,用哪个不是用

    css的三种引入方式:1、行内式引入,使用style属性在特定的HTML标记内插入CSS代码,语法“<标签名 style="css样式">..”;2、嵌入式引入,在文档head部分的style标签对中放入CSS代码,语法“”;3、外部引入,将CSS代码放入外部CSS文件中,使用link标签或“@import”规则引入html文档中。

    一、css的属性

    1. 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性
    2. 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。
    二、css的行块属性
    属性:div,p,ul,ol,li,h1-h6等 
    特点:1.可以设置宽高
    2.不可以与别人共处一行
    3.不设置宽度的情况下,宽度为100%
    行内属性:span,a
    特点:1.不可以设置宽,高
    2.可以与别人共处一行
    3.其宽高由内容撑开
    行块内属性:img,input
    特点:1.可以设置宽高
    2.可以与别人共处一行

    三、边框属性

    1. border:边框宽度 边框风格 边框颜色;
    2. 例如:border:5px solid #ff0000
    3. 边框:border,网页中很多修饰性线条都是由边框来实现的。
    4. 边框宽度:border-width:
    5. 边框颜色:border-color:
    6. 边框样式:border-style:solid(实线)/dashed(虚线)dotted(点划线)double(双线)可单独设置一方向边框,
    7. 可单独设置一方向边框,
    8. border-bottom:边框宽度 边框风格 边框颜色;底边框
    9. border-left:边框宽度 边框风格 边框颜色;左边框
    10. border-right:边框宽度 边框风格 边框颜色;右边框
    11. border-top:边框宽度 边框风格 边框颜色;上边框
    12. 四、css属性继承
    1. 不可继承的:displaymarginborderpaddingbackgroundheightmin-height、max- height、、min-widthmax-widthoverflowpositionleftrighttopbottomz-indexfloatcleartable-layout、vertical-align
    2. 所有元素可继承:visibilitycursor
    3. 内联元素可继承:letter-spacingword-spacingline-heightcolorfontfont-familyfont-sizefont-stylefont-variantfont-weight、text- decoration、text-transform
    4. 块状元素可继承:text-indenttext-align
    5. 列表元素可继承:list-stylelist-style-typelist-style-positionlist-style-image
    6. 表格元素可继承:border-collapse

    
    
    
        
        
        
        
    
    
    
    我是div

    我是div
    我是span 我是span 块属性:div,p,ul,ol,li,h1-h6等 特点:1.可以设置宽高 2.不可以与别人共处一行 3.不设置宽度的情况下,宽度为100% 行内属性:span,a 特点:1.不可以设置宽,高 2.可以与别人共处一行 3.其宽高由内容撑开 行块内属性:img,input 特点:1.可以设置宽高 2.可以与别人共处一行
  • 相关阅读:
    Linux命令学习之原来最简单的ls命令这么复杂
    vue实战入门后台篇四:springboot+mybatis实现网站后台-增删改查功能实现
    匠心新品:大彩科技超薄7寸WIFI线控器发布,热泵、温控器、智能家电首选!
    账户登录问题排查记录
    基于Java毕业设计法律知识分享平台源码+系统+mysql+lw文档+部署软件
    云IDE产品介绍
    打造个性化代购商城,源码解决方案助您独占海外购物市场
    Selenium环境搭建与原理讲解_web自动化
    【AUTOSAR】PHM(Platform Health Management)平台健康管理 功能安全模块
    Android学习笔记 26. Fragment生命周期
  • 原文地址:https://blog.csdn.net/RzhenDwo/article/details/127823774