css常见样式

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 继承? 哪些属性能继承,哪些不能?

  • 继承就是子标签继承了上级标签的CSS样式的属性
可以继承的属性
文本相关的属性:font-family,    /*字体类型,如宋体、微软雅黑、Arial等*/
font-size,             /*字体大小*/
 font-style,            /**/
line-height,font-variant, font-weight, font, letter-spacing,text-align, text-indent, texttransform, word-spacing
列表相关的属性:list-style-image, list-style-position,list-style-type, list-style,
重要属性:color,
azimuth, border-collapse, border-spacing,
caption-side, color, cursor, direction, elevation,empty-cells,  orphans, pitch-range,
pitch, quotes, richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress, 
visibility, voice-family, volume, whitespace,
widows,
不可继承的属性:
border, padding, margin, background-color, width, height, 

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

  • 块级元素居中:设置margin: 0 auto;或者设置:margin-left: auto;margin-right: auto;
  • 行内元素居中:text-align:center;

用 CSS 实现一个三角形

实现三角形

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

文本溢出实现

px, em, rem 有什么区别

  • PX:固定单位
  • em:相对单位,相对于父元素字体的大小
  • rem:相对单位,相对于根元素(html)字体大小

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

    body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
  • body的所有字体为12像素,所有文本行高为字体的1.5倍,font-family的优先级顺序为 tahoma>arial>'Hiragino Sans GB'>'\5b8b\4f53'>sans-serif;
  • 加引号是因为字体族名之间存在空格;
  • '\5b8b\4f53':宋体的unicode码。

代码作业1
代码作业2
代码作业3
代码作业4
代码作业5

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容