美文网首页
css常见样式

css常见样式

作者: marmot_ning | 来源:发表于2017-07-02 07:27 被阅读0次

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

相关文章

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

  • CSS的常见样式

    本篇文章将主要阐述CSS的常见样式 对于常见样式做出大量说明 虽然CSS的样式并不算多但是在CSS的使用上却是最多...

  • 【CSS】三、常见属性

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 三、...

  • 【CSS】 一、使用CSS样式的方式

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 一、...

  • 【CSS】 二、定义样式表

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 二、...

  • 【CSS】四、DIV+CSS布局

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 四、...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

  • #4 react-css-modules

    CSS Modules 在React中写样式有多种方式,比较常见的有 CSS modules,这种方法将css样式...

  • CSS常见样式

    块级元素有:div,h1,h2,h6,p,hr,form,ul,dl,ol,pre,table,li,dd,dt,...

网友评论

      本文标题:css常见样式

      本文链接:https://www.haomeiwen.com/subject/wrarcxtx.html