CSS全总结

首先,咱们得先知道CSS是啥?CSS全称是 Cascading Style Sheets,翻译过来就是层叠样式表。这么说可能不形象。如果说html是咱们做的一个雕塑,那么css就是上色,并且更加强大,还能够在原本的基础上进行改进结构。。。

首先是三种引入方式

  • 外部引入

    <link rel="stylesheet" type="text/css" href="index.css"/>
    
  • 内部嵌入

    <style type="text/css"> p { color:red; }</style>
    
  • 行间样式

    <p style="color:red">红色</p>
    

还有一个@import这个暂时先不说。

然后知道怎么往html里面加css之后就要正式开始写啦!

首先要定位,html里面的元素,那就给先使用选择器获取

css全总结之选择器篇

说完了选择器,就当于把雕塑的胚子拿到了,接下来就可以开始美化啦!我们就继续,说下属性:

css全总结之基本属性

然后基础讲完了,就开始布局:布局有很多种,利用浮动,负margin,定位,flex,还可以用bootstrap的栅格系统等等:

css全总结之布局

最后说下兼容性
如果遇到一个属性想知道兼容性,在哪查看? caniuse
花一天时间整理出来,发现自己有很多的不足,但是明白了不足才好去弥补啊!!!!!

感谢饥人谷的资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,268评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,955评论 32 459
  • 首先咱们最简单的就是 居中这是一个很重要的基础,在很多时候会用到。 块级水平居中可以使用margin:0 aut...
    Alkaidx阅读 771评论 0 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,863评论 25 708
  • Xcode7模拟3D Touch github大神写了一个插件在Xcode 7模拟器上调试3D Touch,地址:...
    苏小贱阅读 620评论 0 1

友情链接更多精彩内容