前端学习 -- Css -- 默认样式

浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，
所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉。

如何去除默认样式？

添加如下css代码：

/*
 * 清除浏览器的默认样式
*/

*{
    margin: 0;
    padding: 0;
}

时间： 2024-08-07 20:28:51

前端学习 -- Css -- 默认样式的相关文章

前端学习 -- Css -- 文本样式

text-transform可以用来设置文本的大小写可选值: none 默认值,该怎么显示就怎么显示,不做任何处理 capitalize 单词的首字母大写,通过空格来识别单词 uppercase 所有的字母都大写 lowercase 所有的字母都小写 text-decoration可以用来设置文本的修饰可选值: none:默认值,不添加任何修饰,正常显示 underline 为文本添加下划线 overline 为文本添加上划线 line-through 为文本添加删除线超链接会默认添加

css 默认样式

body,textarea,input,select,option {font-size:12px;color:#333;font-family:Tahoma,Arial,sans-serif;} h1,h2,h3,h4,h5,h6 {font-size:100%;} body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;} ol,ul,textarea,input,

前端学习 -- Css -- 字体的几个属性学习

font-style可以用来设置文字的斜体 - 可选值: normal,默认值,文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 - 大部分浏览器都不会对倾斜和斜体做区分,也就是说我们设置italic和oblique它们的效果往往是一样的 - 一般我们只会使用italic font-weight可以用来设置文本的加粗效果可选值: normal,默认值,文字正常显示 bold,文字加粗显示该样式也可以指定100-900之间的9个值, 但是由于用户的计算机往往

前端学习 -- Css -- 行间距

在CSS并没有为我们提供一个直接设置行间距的方式,我们只能通过设置行高来间接的设置行间距,行高越大行间距越大.使用line-height来设置行高 .行高类似于我们上学单线本,单线本是一行一行,线与线之间的距离就是行高,网页中的文字实际上也是写在一个看不见的线中的,而文字会默认在行高中垂直居中显示.行间距 = 行高 - 字体大小. 通过设置line-height可以间接的设置行高,可以接收的值: 1.直接就收一个大小: 2.可以指定一个百分数,则会相对于字体去计算行高: 3.可以直接传一个数值,

前端学习 -- Css -- 兄弟元素选择器

为一个元素后边的元素设置css样式: 语法:前一个 + 后一个. 作用:可以选中一个元素后紧挨着的指定的兄弟元素. 为一个元素后边的所有相同元素设置css样式: 语法:前一个 ~ 后边所有. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1 +

前端学习——css(初级)

1.Css盒模型(box model) web开发中,html的每个元素都是盒子,盒子可以装内容(content).可以有填充物(padding).有外壳(border) 和外保护层(margin) .下图为控制台中的盒子详解:浏览器的控制台是我们了解一个元素最好的一个工具,下图可以清晰的看出一个盒子所拥有的属性. 元素的实际宽高上图可清晰的看出元素实际的宽=border-left+padding-left+元素内容宽+padding-right+border-right 元素实际的高=b

前端学习 -- Css -- 选择器的优先级

当使用不同的选择器,选中同一个元素时并且设置相同的样式时,这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)决定优先级高的优先显示. 优先级的规则内联样式 , 优先级 1000 id选择器,优先级 100 类和伪类, 优先级 10 元素选择器,优先级 1 通配* , 优先级 0 继承的样式,没有优先级当选择器中包含多种选择器时,需要将多种选择器的优先级相加然后在比较,但是注意,选择器优先级计算不会超过他的最大的数量级,如果选择器的优先级一样,则使用靠后的样式.

Web前端开发css基础样式总结

颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spacing:字间距/字母间距 word-

前端学习-css(一)

一.CSS介绍 1.什么是CSS CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让他更加美观. 当浏览器读到一个样式表,他就会按照这个样式表来对文档进行格式化(渲染) 2.CSS语法 css实例每个CSS样式由两个部分组成:选择器和声明.声明有包括属性和属性值.每个声明之后用分号结束. 3.CSS注释 /*这是注释*/ 二.CSS的几种引入方式 1.行内样式行内式是在标记的style属性中设定CSS样式.不推荐大规模使用 2.内