本篇文章给大家谈谈css有哪些知识,以及css冷知识100条对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
本文目录
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,本文到此结束,希望对大家有所帮助。
声明:本文内容来自互联网不代表本站观点,转载请注明出处:https://bk.77788889.com/13/149459.html