精华内容
下载资源
问答
  • html标签默认样式整理

    2020-09-28 07:18:47
    为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助
  • CSS3默认样式

    2015-04-16 15:43:03
    CSS3默认样式
  • 整理了html标签默认样式属性及浏览器默认样式等 html,address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2,h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display...

    整理了html标签默认样式属性及浏览器默认样式等

    html,address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2,h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block}/*以上列表元素默认状态下以块状显示,未显示的将以内联元素显示,该列表针对HTML4版本,部分元素在XHTML1中将废弃*/

    li {display: list-item }/*默认以列表显示*/

    head {display: none }/*默认不显示*/

    table {display: table }/*默认为表格显示*/

    tr {display: table-row }/*默认为表格行显示*/

    thead {display: table-header-group }/*默认为表格头部分组显示*/

    tbody {display: table-row-group }/*默认为表格行分组显示*/

    tfoot {display: table-footer-group }/*默认为表格底部分组显示*/

    col {display: table-column }/*默认为表格列显示*/

    colgroup {display: table-column-group }/*默认为表格列分组显示*/

    td, th { display:table-cell; }/*默认为单元格显示*/

    caption {display: table-caption }/*默认为表格标题显示*/

    th {font-weight: bolder; text-align: center }/*默认为表格标题显示,呈现加粗居中状态*/

    caption {text-align: center }/*默认为表格标题显示,呈现居中状态*/

    body {margin: 8px; line-height: 1.12 }

    h1 {font-size: 2em; margin: .67em 0 }

    h2 {font-size: 1.5em; margin: .75em 0 }

    h3 {font-size: 1.17em; margin: .83em 0 }

    h4, p,blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 }

    h5 {font-size: .83em; margin: 1.5em 0 }

    h6 {font-size: .75em; margin: 1.67em 0 }

    h1, h2,h3, h4, h5, h6, b,strong { font-weight: bolder }

    blockquote{ margin-left: 40px; margin-right: 40px }

    i, cite,em,var, address { font-style: italic }

    pre, tt,code, kbd, samp { font-family: monospace }

    pre {white-space: pre }

    button,textarea, input, object, select { display:inline-block; }

    big {font-size: 1.17em }

    small,sub, sup { font-size: .83em }

    sub {vertical-align: sub }/*定义sub元素默认为下标显示*/

    sup {vertical-align: super }/*定义sub元素默认为上标显示*/

    table {border-spacing: 2px; }

    thead,tbody, tfoot { vertical-align: middle }/*定义表头、主体表、表脚元素默认为垂直对齐*/

    td, th {vertical-align: inherit }/*定义单元格、列标题默认为垂直对齐默认为继承*/

    s, strike,del { text-decoration: line-through }/*定义这些元素默认为删除线显示*/

    hr {border: 1px inset }/*定义分割线默认为1px宽的3D凹边效果*/

    ol, ul,dir, menu, dd { margin-left: 40px }

    ol {list-style-type: decimal }

    ol ul, ulol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }

    u, ins {text-decoration: underline }

    br:before{ content: ""A" }/*定义换行元素的伪对象内容样式*/

    :before,:after { white-space: pre-line }/*定义伪对象空格字符的默认样式*/

    center {text-align: center }

    abbr,acronym { font-variant: small-caps; letter-spacing: 0.1em }

    :link,:visited { text-decoration: underline }

    :focus {outline: thin dotted invert }

    /* Beginbidirectionality settings (do not change) */

    BDO[DIR="ltr"]{ direction: ltr; unicode-bidi: bidi-override }/*定义BDO元素当其属性为DIR="ltr"时的默认文本读写显示顺序*/

    BDO[DIR="rtl"]{ direction: rtl; unicode-bidi: bidi-override }/*定义BDO元素当其属性为DIR="rtl"时的默认文本读写显示顺序*/

    *[DIR="ltr"]{ direction: ltr; unicode-bidi: embed }/*定义任何元素当其属性为DIR="ltr"时的默认文本读写显示顺序*/

    *[DIR="rtl"]{ direction: rtl; unicode-bidi: embed }/*定义任何元素当其属性为DIR="rtl"时的默认文本读写显示顺序*/

    @mediaprint { /*定义标题和列表默认的打印样式*/

    h1 {page-break-before: always }

    h1, h2,h3, h4, h5, h6 { page-break-after: avoid }

    ul, ol, dl{ page-break-before: avoid }

    }

    浏览器默认样式

    1.页边距

    IE默认为10px,通过bodymargin属性设置

    FF默认为8px,通过bodypadding属性设置

    要清除页边距一定要清除这两个属性值

    代码如下:

    body {

    margin:0;

    padding:0;

    }

    2.段间距

    IE默认为19px,通过pmargin-top属性设置

    FF默认为1.12em,通过pmargin-bottom属性设

    p默认为块状显示,要清除段间距,一般可以设置

    代码如下:

    p {

    margin-top:0;

    margin-bottom:0;

    }

    3.标题样式

    h1~h6默认加粗显示:font-weight:bold;。

    默认大小请参上表

    还有是这样的写的

    代码如下:

    h1{font-size:xx-large;}

    h2{font-size:x-large;}

    h3{font-size:large;}

    h4{font-size:medium;}

    h5{font-size:small;}

    h6{font-size:x-small;}

    个大浏览器默认字体大小为16px,即等于mediumh1~h6元素默认以块状显示字体显示为粗体,

    要清除标题样式,一般可以设置

    代码如下:

    hx {

    font-weight:normal;

    font-size:value;

    }

    4.列表样式

    IE默认为40px,通过ulol的margin属性设置

    FF默认为40px,通过ulol的padding属性设置

    dl无缩进,但起内部的说明元素dd默认缩进40px,而名称元素dt没有缩进。

    要清除列表样式,一般可以设置

    代码如下:

    ul, ol, dd{

    list-style-type:none;/*清楚列表样式符*/

    margin-left:0;/*清楚IE左缩进*/

    padding-left:0;/*清楚非IE左缩进*/

    }

    5.元素居中

    IE默认为text-align:center;

    FF默认为margin-left:auto;margin-right:auto;

    6.超链接样式

    a 样式默认带有下划线,显示颜色为蓝色,被访问过的超链接变紫色,要清除链接样式,一般可以设置

    代码如下:

    a {

    text-decoration:none;

    color:#colorname;

    }

    7 鼠标样式

    IE默认为cursor:hand;

    FF默认为cursor:pointer;。该声明在IE中也有效

    8 图片链接样式

    IE默认为紫色2px的边框线

    FF默认为蓝色2px的边框线

    要清除图片链接样式,一般可以设置

    img {

    border:0;

    }

     

    展开全文
  • 下面小编就为大家分享一篇elementui的默认样式修改方法,具有很好的参考价值,希望对大家有所帮助,一起跟随小编过来看看吧
  • css 清除默认样式

    2017-12-29 13:51:49
    清除HTML文档中默认样式,比如*{margin:0;padding:0;}
  • 一、按钮的默认样式 // 默认样式 button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; ...

    一、按钮的默认样式

    // 默认样式
    button {
    	position:relative;
    	display:block;
    	margin-left:auto;
    	margin-right:auto;
    	padding-left:14px;
    	padding-right:14px;
    	box-sizing:border-box;
    	font-size:18px;
    	text-align:center;
    	text-decoration:none;
    	line-height:1;
    	border-radius:5px;
    	-webkit-tap-highlight-color:transparent;
    	overflow:hidden;
    	color:#000000;
    	background-color:#fff;
    }
    // 边框样式
    button::after{
    	  border: 0;
    }
    // 禁用时样式
    button[disabled] {
    	  background-color: #fff;
    	  color: #666;
    }
    // 点击时样式
    .button-hover {
    	color:rgba(0, 0, 0, 0.6);
    	background-color:#fff;
    }
    

    二、清除按钮的默认样式(小程序也适用)

    css样式:

    button::after {
    	 border: none;
    }
    

    html代码

    <button hover-class='none'>发表</button>
    
    展开全文
  • 浏览器默认样式

    2013-06-15 22:52:15
    主流浏览器默认样式表: ie6~ie9,firefox,webkit(chrome),opera
  • 改写你的checkout input默认样式
  • input 默认样式的修改

    千次阅读 2019-10-10 15:45:28
    /* 修改input选中的默认边框样式 */ outline: none; /* 修改input的选中时的光标颜色 */ caret-color:red; /* 修改input的选中时的默认... /* 修改input的提示文字的默认样式 */ input::-webkit-i...


     
        /* 修改input选中的默认边框样式 */

      outline: none;


     
        /* 修改input的选中时的光标颜色 */

      caret-color:red;



        /* 修改input的选中时的默认边框 */

      border: none;

     

        /* 修改input的提示文字的默认样式 */

      input::-webkit-input-placeholder{
                  color:#d0d0d0;
      }

     

    展开全文
  • Bootstrap 表格的默认样式

    千次阅读 2018-03-06 09:57:31
    表格的默认样式只需为任意的 &lt;table&gt; 元素应用 .table 类,即可使用表格的默认样式。Bootstrap中表格的默认样式相当简单,它仅仅在每个 &lt;td&gt; 上方添加了一个边框。如:&lt;table ...

    只需为任意的 <table> 元素应用 .table 类,即可使用表格的默认样式。Bootstrap中表格的默认样式相当简单,它仅仅在每个 <td> 上方添加了一个边框。如:

    
    
    1. <table class="table">
    2.   <thead>
    3.     <tr>
    4.       <th>#</th>
    5.       <th>First Name</th>
    6.       <th>Last Name</th>
    7.       <th>Username</th>
    8.     </tr>
    9.   </thead>
    10.   <tbody>
    11.     <tr>
    12.       <td>1</td>
    13.       <td>Mark</td>
    14.       <td>Otto</td>
    15.       <td>@mdo</td>
    16.     </tr>
    17.     <tr>
    18.       <td>2</td>
    19.       <td>Jacob</td>
    20.       <td>Thornton</td>
    21.       <td>@fat</td>
    22.     </tr>
    23.     <tr>
    24.       <td>3</td>
    25.       <td>Larry</td>
    26.       <td>the Bird</td>
    27.       <td>@twitter</td>
    28.     </tr>
    29.   </tbody>
    30. </table>

    效果如图 3‑22所示:

    Bootstrap表格的默认样式图3-22 Bootstrap表格的默认样式

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • Word恢复默认样式

    千次阅读 2019-09-10 17:41:30
    Office 中的Word是我们没法跳过的一个软件,在使用的过程中,很有可能会遇到问题,比如我,就不小心把Word中的默认样式改的乱七八糟的,没法使用了,但是怎么回复了,有没有啥想法,搞到一个好办法,记录下来,防止...
  • element UI修改组件的默认样式

    万次阅读 多人点赞 2018-08-13 14:45:03
    element UI修改组件的默认样式,方法有两种: 1.新建global.css,并在main.js中引入import "./assets/style/global.css"; 2.在单个xx.vue文件最后多写一对&lt;style&gt;......&lt;/style&...
  • 1、user agent stylesheet是浏览器默认样式表,是浏览器默认样式。 2、不同浏览器的默认样式不同个,甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin:8px; 3、前端开发者在...
  • 清除标签的默认样式

    千次阅读 2018-08-07 23:24:29
    许多标签多带有默认样式,有时候当我们使用它们时并不需要这些默认样式,所以就要清除默认样式。下面是几种常见的方法: (1)清除默认内外边距 html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd...
  • css清除默认样式和设置公共样式

    千次阅读 2019-10-29 14:39:34
    CSS 清除默认样式 通常的清除默认样式: *{ margin:0; padding:0 } li{ list-style:none } img{ vertical-align:top; border:none } 设置默认字体 body, button, input, select, textarea /* for ie */ { ...
  • 清除浏览器默认样式

    千次阅读 2018-06-24 18:21:38
    首先,说一下为什么要清除浏器的默认样式,主要原因有以下几点,第一,有些标签默认的样式不符合我们的设计要求,比如说a标签,默认它是有一条下划线,并且字体颜色也让人觉得很难看,所以我们需要清除它默认的样式...
  • 这些默认样式在不同的浏览器中可能会不一样,这就导致浏览器默认样式会给我们带来很大的麻烦,从而影响开发效率,所以最好的解决方案就是在一开始就将默认样式都全部去掉或者覆盖。通过重新定义标签的样式确保标签在...
  • CSS重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。
  • html标签默认样式去除大全

    万次阅读 多人点赞 2018-12-12 21:00:52
    1、全局去除默认样式  *{padding:0;margin:0;box-sizing: border-box;font-size: 14px;} 2、a标签去除默认样式 a{text-decoration: none;color:#333;} a:hover, a:visited, a:link, a:active { color:#333;...
  • reset.css修改默认样式

    2017-05-05 10:59:30
    将css导入页面,修改大多数标签的默认样式
  • 清除uniapp button按钮默认样式

    万次阅读 2020-04-02 17:59:14
    清除uniapp button按钮默认样式 小程序也管用噢 button::after { border: none; } hover-class一定要加噢!不加你试试! <button hover-class='none'>发表</button> ...
  • 主要用来重置各个浏览器之间默认样式,使得在开发前进行样式统一
  • button border: none; background-color: transparent; outline: none; input background:none; outline:none; border:none;
  • 人力资源管理项目,antd+react前端,重置浏览器默认样式
  • 查看WPF Control的默认样式,有时候需要修改,可以参考默认样式,然后再作出相应的修改。 主要是代码是: var style = Application.Current.FindResource(typeof(ComboBox)); using (System.IO.MemoryStream ...
  • 微信小程序去除Button默认样式

    万次阅读 多人点赞 2018-08-10 10:38:15
    在小程序开发过程中,使用率蛮高的组件button,因为经常要去除默认样式,然后再自定义样式,所以经常写,自己也总结分享一下简单的实现步骤。 (一)实现效果 1、实现前(默认样式): 2、实现后(去除默认边框...
  • 改变radio默认样式

    万次阅读 2018-09-26 21:37:29
    那么,如何修改radio的默认样式呢? html页面: 三步: 1)、隐藏type="radio"的input标签,隐藏方式有多种,这里采用: 2)、利用::before伪元素给label标签添加样式 3)、利用::before伪元素...
  • 更改antd 默认样式

    千次阅读 2019-05-08 17:07:30
    更改ant design 默认样式 如果提供的api可以修改样式,则可以通过api直接修改。 如果提供的api达不到想要的效果,可以通过className的方式来修改样式。 例如: 我想修改司机这一行的高度 在控制台中找到对应的样式 ...
  • 修改select的默认样式

    千次阅读 2018-08-06 17:07:20
    在我们用select的时候,通常因为他的默认样式比较丑而用自己样式,那首先要去掉他的默认样式 去掉select的边框和点击时的蓝色边框 1 select{border: none;outline: none;} 去掉select下拉...
  • CSS中存在样式层叠问题,而且不仅仅是只有在一个样式文件中存在层叠问题,因为CSS的样式有5种来源,我们程序员一般都接触前面三种。 第一,浏览器默认样式表当你不为html设置任何样式时...但是浏览器默认样式的级别是

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 521,124
精华内容 208,449
关键字:

默认样式