当前位置: 首页 > news >正文

CSS基础知识

宏观看css

第一篇博客,写的不好勿喷!!!!!!!!

学习css,你得知道下图中的这些属性和它们的使用方法。

 

通过上图,我们可以发现,css的内容量不是很多。只要花一些时间,还是可以全部记住的,下面是我为大家具体的分类。

文字样式 
    line-height:行高

    letter-spacing:字间距 

    text-decoration:标题处关键字的下划线 

    font-style:字体风格设置

    font-weight:字体粗细 

    border-style:边框样式 

    border-width:边框粗细 

    vertical-align:图片相对于文字对齐方式


背景图片 

background-image:添加背景图片 

background-color:要使用的背景颜色

background-repeat:背景图片的重复方式 

background-position:背景图片的位置 

background-attachment:固定背景图片

  也可以简写变成 background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 这样


CSS设置表格与表单的样式 
    border-collapse:边框重叠 

    list-style-type:用来清除li列表前面的序号、标记


设置页面和浏览器的元素 
    <a href=""></a>:添加超链接 

    a:link:超链接的普通样式 

    a:visited:被点击过的超链接的样式 

    a:hover:鼠标经过超链接上的样式 

    a:active:在超链接上单击时 

    cursor:设置鼠标的显示样式

  :link   :visited  :hover  :active  这些是css伪类,关于伪类我们以后具体再说

  a标签的这四个伪类定义的顺序不同,也会直接导致链接显示的效果不同。 

基础的css就这么多啦,是不是很简单,关于定位那一块,我以后再写啦!

 

转载于:https://www.cnblogs.com/maomao93/p/6747239.html

相关文章:

  • 图解WebGLThree.js工作原理
  • 《JAVA程序设计与实例》记录与归纳--继承与多态
  • iOS - UICollectionView 瀑布流 添加表头视图的坑
  • 罗列几个Android插件化开发框架
  • Cocos2d-x中使用第三方so库
  • 用jquery制作一个简单的导航栏
  • Laravel中ajax添加CsrfToken的方法
  • python中定义class时self的理解
  • Linux双网卡聚合改造
  • 大型网站技术架构(二)--架构模式(转)
  • 常用的一些javascript小技巧
  • 什么是WCF
  • Windows Azure VM Role (7) 创建服务
  • 未来富豪,将出自这12大颠覆性领域
  • 《制造业中的机器人、自动化和系统集成》—— 1.4 机器人应用的发展
  • extract-text-webpack-plugin用法
  • isset在php5.6-和php7.0+的一些差异
  • JavaScript学习总结——原型
  • spring boot 整合mybatis 无法输出sql的问题
  • 解决jsp引用其他项目时出现的 cannot be resolved to a type错误
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 我有几个粽子,和一个故事
  • 白色的风信子
  • MPAndroidChart 教程:Y轴 YAxis
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • #控制台大学课堂点名问题_课堂随机点名
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (二)斐波那契Fabonacci函数
  • (附源码)springboot宠物管理系统 毕业设计 121654
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (十三)Flask之特殊装饰器详解
  • (五)c52学习之旅-静态数码管
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)http协议
  • .net 流——流的类型体系简单介绍
  • .NET6 命令行启动及发布单个Exe文件
  • .Net开发笔记(二十)创建一个需要授权的第三方组件
  • .NET正则基础之——正则委托
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?
  • /proc/vmstat 详解
  • @Autowired自动装配
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [383] 赎金信 js
  • [Android]Android P(9) WIFI学习笔记 - 扫描 (1)
  • [Asp.net mvc]国际化
  • [C#][opencvsharp]opencvsharp sift和surf特征点匹配
  • [Django 0-1] Core.Email 模块
  • [JDK工具-2] javap 类文件解析工具-帮助理解class文件,了解Java编译器机制
  • [leetcode]_String to Integer (atoi)
  • [Linux]history 显示命令的运行时间
  • [Markdown] 02 简单应用 第二弹
  • [Matlab有限元分析] 2.杆单元有限元分析