CSS格式

作者: 歌白梨 | 来源:发表于2019-07-02 11:33 被阅读0次

1.基础CSS格式 :

字体颜色:黑色
字体大小:15
行高:1.8
加粗字体颜色:红色

CSS文件:

.markdown-here-wrapper {    
  font-size: 15px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}
    

pre, code {
  font-size: 14px;
  font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
  margin: auto 5px;
}


code {
  white-space: pre-wrap;
  border-radius: 2px;
  display: inline;
}


pre {
  font-size: 15px;
  line-height: 1.4em;
  display: block; !important;
}


pre code {
  white-space: pre;
  overflow: auto;
  border-radius: 3px;
  padding: 1px 1px;
  display: block !important;
}


strong, b{
  color: #BF360C;
}


em, i {
  color: #009688;
}


hr {
  border: 1px solid #BF360C;
  margin: 1.5em auto;
}


p {
  margin: 1.5em 5px !important;
}


table, pre, dl, blockquote, q, ul, ol {
  margin: 10px 5px;
}


ul, ol {
  padding-left: 15px;
}


li {
  margin: 10px;
}


li p {
  margin: 10px 0 !important;
}


ul ul, ul ol, ol ul, ol ol {
  margin: 0;
  padding-left: 10px;
}


ul {
  list-style-type: circle;
}


dl {
  padding: 0;
}


dl dt {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
}


dl dd {
  margin: 0 0 10px;
  padding: 0 10px;
}


blockquote, q {
  border-left: 2px solid #009688;
  padding: 0 10px;
  color: #777;
  quotes: none;
  margin-left: 1em;
}


blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}


h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-style: bold !important;
  color: #009688 !important;
  text-align: center !important;
  margin: 1.5em 5px !important;
  padding: 0.5em 1em !important;
}


h1 {
  font-size: 26px !important;
  border-bottom: 1px solid #ddd !important;
}


h2 {
  font-size: 20px !important;
  border-bottom: 1px solid #eee !important;
}


h3 {
  font-size: 18px;
}


h4 {
  font-size: 16px;
}




table {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  font: inherit;
  border: 0;
  margin: 0 auto;
}


tbody {
  margin: 0;
  padding: 0;
  border: 0;
}


table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
  margin: 0;
  padding: 0;
}


table tr:nth-child(2n) {
  background-color: #F8F8F8;
}


table tr th, table tr td {
  font-size: 16px;
  border: 1px solid #CCC;
  margin: 0;
  padding: 5px 10px;
}


table tr th {
  font-weight: bold;
  color: #eee;
  border: 1px solid #009688;
  background-color: #009688;
}

相关文章

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • CSS格式

    盒子模型 在网页中“一切皆是盒子” CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里。 为什么要想象成...

  • CSS格式

    1.基础CSS格式 : 字体颜色:黑色字体大小:15行高:1.8加粗字体颜色:红色 CSS文件:

  • CSS-属性&&选择器

    CSS选择器、CSS属性 css的固定格式: 注意点: style写在head中间,type="text/css"...

  • 从零玩转jQuery-CSS操作

    jQuery操作CSS样式 css(name|pro|[,val|fn])方法用于设置或获取元素CSS样式格式1:...

  • CSS阶段第一小节第二天

    1.CSS语法 ①CSS的格式 ②CSS的属性 *width:设置宽度,单位px(像素) *height:设置高度...

  • 1. javascript 变量 命名规则

    JavaScript书写格式 和CSS书写格式一样, JavaScript也有三种书写格式, 分别是"行内式"、"...

  • Stylus预处理器简介(二十二)CSS 格式的语法

    CSS 格式的语法 Stylus 完全支持常规的 CSS 格式的语法,这意味着你无需寻求其它解析器,或指定文件使用...

  • 02 css的格式

    1 css的固定格式是什么2 编写css有什么注意点3 学习css主要学习什么东西

  • ife学习二,CSS介绍

    使用方式 一般在 标签中利用下面格式进行加载css文件 CSS如何工作

网友评论

    本文标题:CSS格式

    本文链接:https://www.haomeiwen.com/subject/duhzcctx.html