15赞
601
当前位置:  开发笔记 > 编程语言 > 正文

CSS入门介绍

css层叠样式表(英文名:CascadingStyleSheets),主要用于美化网页1、css的表现形式1.1行内样式(内嵌样式)写在标签内的样式,写在标签的开始部分的内部,st

css 层叠样式表(英文名:Cascading Style Sheets),主要用于美化网页

1、css的表现形式

  1.1 行内样式(内嵌样式)

    写在标签内的样式,写在标签的开始部分的内部,style属性当中,即

  1.2 内部样式(内联样式)

    写在HTML页面中,存放于标签当中,样式则写在style标签中。

    

    注意:style标签不要写在title标签上方

  1.3 外部样式(外联样式)

    写在css文件中,用的话,直接导入

    

2、css三大特性:

  2.1 继承

    父级的样式会被子级给继承。

    注意:!important不会被继承

  2.2 层叠

    当样式发生冲突的时候,样式会产生覆盖(层叠);

    解决方法为判断优先级的先后顺序或计算权重。

  2.3 优先级

    优先级的先后顺序为:

    !important > 内联样式 > ID > class(类) > 标签 > *(初始化) > 继承;

    如果记不清楚的话,可以用权重来计算,

    !important,权重值为10000;

    行内样式,例如:

,权重值为1000;

    ID名,例如:

,,权重值为100;

    class,例如:

,权重值为10;

    标签,例如:p、span、i、em等等,权重值为1;

    在权重相同的时候,遵循"就近原则",就近指的是谁离内容近,谁的优先级就高。

CSS入门介绍


推荐阅读
  • 函数一、函数是什么定义:函数是指一组语句的集合通过一个名字(函数名)封装起来,想要执行这个函数,只需要调用函数名即可。C中的函数叫function,java中的函数叫method, ... [详细]
  • ContactsAcore进程,在内存较少和开机进程过多的情况下会常常被ActivityManagerKill掉。导致Sim卡联系人开机后未导入或者仅仅导入一部分,造成联系人丢失的 ... [详细]
  • 【mac】介绍一款提高工作效率的工具 — Unclutter
    这个APP是在知乎上看到的,他可以隐藏在顶部菜单中,当你需要他的时候,只需要把鼠标移到顶部,然后双手向下拉一下。他就是出来了:左侧是你的剪切板,中间是最近要使用的文件列表,右边是文 ... [详细]
  • Python用了这么多年,总结出超实用的功能和特点
    在使用Python这么久,时不时就会发现了一些过去不知道的功能和特性。一些可以说是非常有用,但却没有充分利用。本篇文章总结出你应该了解的Python功能特色,希望大家在学习过程中, ... [详细]
  • 05微信公众平台实现【点歌】功能函数,返回一个文本字符串。
    一、功能代码函数实现** 功能5:根据歌名点歌功能,输入歌名即可,传入参数为输入对象$postObj*privatefunction_listenMusic($postObj) ... [详细]
  • 数组入门
    在程序里如何存储10个学生的数学、语文、英语成绩?定义30个整型变量吗?这也太麻烦了,而学习了数组后就变的简单多了,这里我们先从最简单的数组学起。定义一个整型变量可以这样写inta ... [详细]
  • 1.遍历map的几种方式:privateHashtableemailsnewHashtable();方法一:用entry ... [详细]
  • 第一章:1.时间估算。2.“抽签”优化3.AntsPoj1852的思考过程第二章:1.next_permutation函数2.栈内存和堆内存——关于内存抽象。 *3.BestCow ... [详细]
  • 千百年来,西施作为四大美女之一,被广为传唱。但是人们似乎忘记了她背后的经纪人范蠡。1.范蠡为什么不是很有名?范蠡不够出名的原因可能是他的激流勇退,没有对君王尽到死忠,还有就是他的经 ... [详细]
  • 08动作系统(二)使用即时动作
    前一篇文章大致理解了动作系统的结构,今天先学习一个简单的即时动作如何使用。首先使用配置好的环境创建一个项目DemoActionInstant命令:python create_pr ... [详细]
  • 1.寻找现实世界中逻辑或结构一致的物体。2.对重复的地方进行抽象。3.封装实现的细节,只提供有功能的API。4.在可能的情况下继承。5.注意信息隐藏。类的接口要尽可能的少暴露其内部 ... [详细]
  • Appium是移动端的自动化测试工具,类似于前面提到的Selenium。利用Appium可以驱动Android、iOS等移动设备完成自动化测试,例如模拟点击、滑动、输入等操作。不过 ... [详细]
  • 点此看题面大致题意:给你一张无向连通图,其中每条边的边权为这条边连接的两点的权值之差。每次询问两点之间是否存在两条不重复的路径,若存在则输出这两条路径上最大值的最小值。大致思路这题 ... [详细]
  • CentOS系统安装FTP服务
    安装FTP这样就会安装好了,下来我们要改一些FTP文件![]进入vsftpd.conf里面允许匿名访问改目录创建wy用户和密码![]给wy写入读取权限关闭防火墙关闭selinux重 ... [详细]
  • 经验证此方法比较保险@Override protectedvoidonDestroy(){TODOAuto-generatedmethodstubif(webView!null){ ... [详细]
author-avatar
半路出家者
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有