css有哪些知识(css知识总结)

11.css知识

本篇文章给大家谈谈css有哪些知识,以及css冷知识100条对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。

本文目录

  1. css样式注意事项
  2. css哪些属性不能同时用
  3. css包含元素
  4. css有哪些知识

css样式注意事项

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因,这才知晓。宽高1px的图片平铺出一个宽高200px的区域,需要200*200=40,000次,占用资源。

2、无边框。推荐的写法是border:none;,哈哈,我一直在用这个。border:0;只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。

3、慎用*通配符。所谓通配符,就是将CSS中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。

4、CSS的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。

5、样式放头上,脚本放脚下。不内嵌,只外链。

6、坚决不用CSS表达式。

7、使用引用样式表,而不是通过@import导入。

8、一般来说,PNG比GIF要小,小得多。再者,GIF中有多少颜色是被浪费的,很值得优化。

9、千万不要在HTML中缩放图片,一者不好看,二者占资源。

10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。

11、block、ul、ol等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。

12、段落之间,至少要有一倍行距。

13、强行指定某些元素的line-height,正文1.6倍于文字大小,标题1.3倍。

14、中文标点用全角。英文夹杂在中文中,左右空格,半角。

15、中文字体的粗体和斜体,远离较好,利民利己。

css哪些属性不能同时用

在CSS样式属性的使用中,有些属性是不能同时使用的。以下是一些常见的不能同时使用的CSS样式属性:

1.display和float:不能同时将一个元素设置为浮动(float)和块级元素(display:block或者display:flex)。

2.height和padding-top/padding-bottom:当一个元素具有固定高度(height),并且同时设置上下内边距(padding-top或者padding-bottom)时,可能会导致元素中的内容溢出。

3.font-size和line-height:当同时设置元素的字体大小(font-size)和行高(line-height)时,可能会导致文本显示不正常。

4.position和float:当一个元素同时具有浮动(float)和设置了绝对/固定定位(position:absolute或者position:fixed)时,可能会导致元素位置不正确。

5.margin和width:当一个元素的外边距(margin)和宽度(width)之和大于其父元素的宽度时,可能会导致元素溢出或者无法居中。

需要注意的是,虽然这些属性不能同时使用,但它们可以单独或与其他属性组合使用。在编写CSS样式时,需要谨慎选择属性并测试其效果。

css包含元素

css元素分为三种:块级元素、行内元素和行内块元素

1、块级元素

设置display:block就是将元素显示为块级元素

常用的块状元素有:

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>

特点:

独占一行

高度,行高、外边距以及内边距都可以控制

宽度默认是容器的100%

以容纳内联元素和其他块元素

2、行内元素

块级元素也可以通过代码display:inline将元素设置为行内元素

常用的行内元素有:

<a>、<span>、

、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

特点:

多个元素在同一行

高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效

默认宽度就是它本身内容的宽度

行内元素只能容纳文本或则其他行内元素。(a特殊)

可以通过设置display属性变成其他元素

注意:

只有文字才能组成段落因此p里面不能放块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。链接里面不能再放链接。

3、行内块状元素

行内块元素(display:inline-block)就是同时具备行内元素、块状元素的特点,代码display:inline-block就是将元素设置为状元素

css有哪些知识

css的知识有:

(1)、css的发展历程

从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是css便诞生了。

(2)、css初识

css(CascadingStyleSheets)主要用于美化样式。

css通常称为css样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

css以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。

OK,本文到此结束,希望对大家有所帮助。

13.css知识

声明:本文内容来自互联网不代表本站观点,转载请注明出处:https://bk.77788889.com/13/149459.html

相关推荐

  • css有哪些知识(css知识总结)

    本篇文章给大家谈谈css有哪些知识,以及css冷知识100条对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,......

    编辑:励志句子
    时间:2023-08-26