一、添加样式的三种方式

1、外部样式表

在<head>标签中添加<link>标签

<link rel="stylesheet" type="text/css" href="xxx.css"/>

2、内部样式表

在<head>标签中添加<style>标签

<style type="text/css">……</style>

3、内联样式

为元素添加样式style属性

例如:<p style="……"></p>

说明:

外部样式表适用于样式重用,内部样式表适用于单个文档应用特殊样式,内联样式适用于单个元素应用特殊样式。

样式优先级:浏览器缺省<外部样式表<内部样式表<内联样式;

二、CSS基础语法

由选择器和一条或多条声明组成,每条声明由一个属性和一个值组成,属性和值以冒号分开,多条声明间以分号分隔,声明用花括号包围。

CSS注释:/*……*/

三、CSS框模型

说明:

width、height,指内容区域的宽高,而不是整个框模型的宽高;
padding,内边距,元素边框与元素内容的空白,默认为0,不允许负值
border,边框,默认为none,包括三个方面,样式、宽度、颜色;
margin,外边距,围绕在元素边框的空白区域,默认是透明的,默认为0,允许设置负值

CSS样式添加及基础语法------借鉴w3shool.com.cn相关推荐

  1. ueditor 编辑器增加css样式_ueditor编辑器实现语法高亮

    ueditor编辑器实现语法高亮 本站前期采用的是dreamlu开源博客搭建,网站后台编辑器采用的是百度ueditor富文本编辑器.在我的迭代改进时,在编辑器上还采用了这一编辑器,不过一直以来发现后台 ...

  2. sharepoint 编程_SharePoint 2010-以编程方式将JavaScript,元标记和CSS样式添加到每个页面的页眉

    sharepoint 编程 For SharePoint sites, particularly public-facing ones, there are times when adding Jav ...

  3. 关于dom的一些基础知识-来自w3shool.com.cn

    JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript ...

  4. css背景样式---借鉴w3shool.com.cn

    1.background 简写背景属性,顺序:background-color.background-position.background-size.background-repeat.backgr ...

  5. webpack4.0 css压缩js压缩 css 样式添加前缀

    webpack.config.js配置文件 /*webpack 是node写出来的node的写法*/ let path = require("path"); let HtmlWeb ...

  6. 鼠标移入变小手css样式添加

    cursor:pointer;        //手指 cursor:all-scrol;        //十字箭头 cursor:auto;        //箭头 cursor:cell;    ...

  7. 手把手学习Vue3.0:CSS样式基础和HTML5基础收藏

    背景 最近在做管理系统的时候我还不会用Vue,时间紧任务重就先用J2EE那套,利用layUI先实现了.现在从头学习前后端分离技术来搞,在做的过程中对CSS和HTML5的基础语法都已经全忘了,正好总结一 ...

  8. Html基本标签与CSS样式基本使用

    一.HTML语言 1.什么是HTML语言 HTML(英文Hyper Text Markup Language的缩写)中文译为"超文本标签语言",主要是通过HTML标签对网页中的文本 ...

  9. Metro UI CSS 学习笔记之 基础组件

    查阅Metro UI CSS 对基础组件描述,本人觉得已经描述的很详细,所以在这里不打算做详细的讲解,大家可以直接阅读以下源代码(是进过本人已经优化后的代码). 温馨提示:相关注释,也已经在代码中添加 ...

最新文章

  1. 百度工具栏不显示出来_解决win10系统桌面应用图标显示不出来的问题
  2. SQL Server误区30日谈-Day27-使用BACKUP ... WITH CHECKSUM可以替代DBCC CheckDB
  3. One River CEO:从长远来看比特币可能达到每枚50万美元
  4. 抽象类和接口有哪些共同点和区别
  5. 5个不为人知的音乐网站,全网音乐免费听!说什么也不能错过
  6. 摄像头网络模组的使用
  7. CANoe测试:CAPL Test Module的2种创建方式
  8. CSS Tricks - 你应该知道的 CSS 技巧
  9. 3个工具助你玩转正则表达式
  10. java 错误代码1603_java更新时出现错误代码1603的解决方法
  11. 嵌入式学习——使用STM32F103基于HAL库移植uCOS-III
  12. 做好规划 IT项目不能再独行(zt)
  13. randn函数 python_Python numpy matrix randn()用法及代码示例
  14. 中职高二学生计算机学情分析,高二学生学习数学的学情分析.doc
  15. 互联网创业公司失败的7大特征
  16. 生物信息学基础——基因表达过程
  17. 给大家介绍一个PDF图书下载网站,还有TXT图书下载
  18. Spring Cloud之微服务概述
  19. HashMap、ConcurrentHashMap源码解读(JDK7/8)
  20. 10月重磅程序员新书上架7本,每一本都很专业

热门文章

  1. 青少年为什么学python_为什么青少年一定要学Python?
  2. 音乐与计算机融合课,为音乐课堂教学锦上添花——将多媒体融入奥尔夫教学
  3. Luogu P4343 [SHOI2015]自动刷题机
  4. 制造业全链数字化业务转型实践
  5. 如何修改TIM聊天头像
  6. 六石管理学:随心所欲的理解
  7. 【RabbitMQ】基础三:发布与订阅模式(Publish/Subscribe)
  8. TypeError: __init__() missing 1 required positional argument: 'on_delete' 解决办法
  9. OllyDBG 鱼C工作室专用调试工具
  10. R实战 | 文章第一表:三线表的绘制