CSS常见样式书写

块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别

块级元素:
div, h1, h2, h3, h4, h5, h6, p
hr, form, ul, dl, ol, pre, table
li, dd, dt, tr, td, th
行内元素:
em, strong, span, a, br, img
button, iput, label, select, textarea
code, script
区别:

  • 块级元素独占一行,行内元素可以并排放置
  • 块级元素可以容纳行内元素,行内元素只能容纳其他行内元素或者文字。
  • 块级元素可以控制宽度高度,行内元素不能控制宽度高度。要想改变他们的宽高需要在CSS中先设置display:block;或者display:inline-block
  • 块级元素的居中方式为margin: 0 auto;,行内元素需要在上层节点设置text-align: center;

什么是 CSS 继承? 哪些属性能继承,哪些不能?

CSS继承:CSS中父元素的样式也影响到子元素的样式,让子元素的样式因为父元素的设置引起同样的改变。
可以继承的属性:color,fonttext-align
不能继承的属性:borderdisplaymarginpaddingbackgroundheightwidthpositionleftrighttopbottomfloat

如何让块级元素水平居中?如何让行内元素水平居中?

块级元素居中:

margin: 0 auto;

行内元素水平居中:

text-align: center;

用 CSS 实现一个三角形

    
    

单行文本溢出加 ...如何实现?


我今天说的可能是有点多了,但是你要是不愿意听你告诉我啊,你要是我不说我怎么知道你不愿意听呢,你说万一你愿意听我不说了那你不还是生气吗?

px, em, rem 有什么区别

px:一种固定单位,1px代表一个像素点。
em: 相对单位,相对于父元素字体大小
rem: 相对单位,相对于html的字体大小

解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

因为字体中间有空格,如果字体名中包含#、$之类的符号,需要在font-family声明中加引号。
\5b8b\4f53代表这个字体的unicode编码,防止编码不匹配导致乱码时浏览器不识别。

你可能感兴趣的:(CSS常见样式书写)