常用的CSS字段

CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式。
注意,CSS 的选择器区分大小写,因此要谨慎使用大写。
CSS 早已被所有主流浏览器采用,它允许你轻松控制以下样式:

  • 颜色 color
  • 背景 background
  • 字体 font
  • 位置 position
  • 显示 display
  • 边框 border
  • 内边距 padding
  • 外边距 margin
  • 行高 line-height
  • 装饰 text-decoration
  • 过渡 transtion
  • 变化 transform
  • 动画 animation

注:要是觉得文章写得不错,记得留个赞哦!

使用 CSS 样式主要有三种方式:

  • 内联样式–你可以直接在 HTML 元素里使用style属性。
<p style="color: red; font-size: 50px;">时间煮雨</p>
  • 内部样式–你可以在style标签里面声明样式规则。
<head><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>CSS练习</title><style>/* 默认情况下 */a:link {color:yellow;}/* 点击之后 */a:visited {color:red;}/* 鼠标放上去时 */a:hover {color: green;}/* 点击事件发生时 */a:active {color: black;}/* 获取焦点时 */input:focus {background: blueviolet;/* 清除点击后获取的边框 */outline: none;}</style>
</head>
  • 外部样式–你可以创建一个.css文件,然后在文件中编写样式规则,最后在文档中引用该文件。
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS练习</title><!-- 插入css文件 --><link rel="stylesheet" href="3.css">
</head>

【CSS练习】常用的CSS字段相关推荐

  1. html消除绝对定位的影响,css定位常用属性 CSS清除定位position

    css中定位position有哪几个属性值? absolute,生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位: 元素的位置通过 "left", &quo ...

  2. css 横线_atom.css正式发布,从此跟CSS框架说拜拜。

    atom.css 大家好,我写了一个css库atom.css,蛮好用的,所以忍不住分享给大家.(https://github.com/MatrixAge/atom.css) 起因 写HTML几年了,再 ...

  3. 史上最全的HTML和CSS标签常用命名规则

    文件夹主要建立以下文件夹: 1.Images 存放一些网站常用的图片: 2.Css 存放一些CSS文件: 3.Flash 存放一些Flash文件: 4.PSD 存放一些PSD源文件: 5.Temp 存 ...

  4. HTML和CSS的常用基础知识笔记

    HTML基础知识 标题标签: <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4& ...

  5. web标准化设计:常用的CSS命名规则

    常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...

  6. 最常用的css选择器及兼容性 +几个好用却不多见的 nth-child等

    你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...

  7. 第60天:js常用访问CSS属性的方法

    一. js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种: 1. 利用点语法  box.style.width      box.style.top     点语法可以得到 ...

  8. amazeui学习笔记--css(常用组件4)--关闭按钮Close

    amazeui学习笔记--css(常用组件4)--关闭按钮Close 一.总结 1.关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用.对 <a> 或者 <button> ...

  9. 常用的CSS命名规则

    网页设计中常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wra ...

最新文章

  1. java notify 的作用_java 为什么notify和notifyAll都不起作用?
  2. Firewall防火墙应用案例
  3. 深度学习笔记第一门课第二周:神经网络的编程基础(上)
  4. Mapreduce设置多路径输入输出
  5. html表格背景图片格式,HTML表格标记教程(8):背景图像属性BACKGROUND
  6. linux文件系统_Linux的文件系统简介
  7. 85后博士不到一年发10篇顶刊!共发SCI50多篇
  8. ros(7)自定义service数据
  9. 常见的新算法的标准测试函数(Ackely,Rastrigin,Griewangk,SumSquartes,Sphere,Quartic,Schwefel' Problem等)
  10. 关于渲染流水线的几何变化
  11. asp.net网站的配置文件
  12. Vue中虚拟DOM的理解
  13. 【代码笔记】iOS-获得现在的时间
  14. python决策树预测模型_「数据挖掘入门系列」数据挖掘模型之分类与预测 - 决策树...
  15. Python:通过执行100万次打印来比较C和python的性能,以及用C和python结合来解决性能问题的方法 ....
  16. 电机与拖动基础--第二章第二节
  17. long tail(长尾理论)
  18. 我的工程师爸爸 - 音频应用DIY系列之三:汤姆猫
  19. python绘制8×8棋盘_python图形工具turtle绘制国际象棋棋盘
  20. 【毕业设计-课程设计】-单片机电子密码锁设计

热门文章

  1. 运筹学最优化理论系列概念-单纯形法原理解析
  2. Matlab并行编程函数cellfun arrayfun
  3. html5常见面试题,HTML5常见面试题及答案
  4. geo数据差异分析_GeoDiver:GEO数据挖掘分析利器
  5. 数组反向遍历ios_iOS中数组遍历的方法及比较
  6. async function_掌握 Async/Await
  7. Python编程基础:第二十一节 函数返回Return
  8. Python开源爬虫项目代码:抓取淘宝、京东、QQ、知网数据--转
  9. MySQL数据库InnoDB存储引擎中的锁机制--转载
  10. FastJson解析对象及对象数组--项目经验