码迷,mamicode.com
首页 > Web开发 > 详细

关于CSS的一些问题(一)

时间:2020-05-02 22:53:56      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:cells   ali   一起   标签   :link   圆角边框   浮动框   child   清除   

1  能用HTML和CSS完成的不用JS。

    css优先级: !important > 行内样式 > id > 类 > 标签 > 继承

2  块级元素,内联元素和行内块元素:

    1 行内元素只能设置水平方向的内外边距,默认显示本身内容的宽度。

    2 块级元素默认显示宽度是容器的100%,

    3 行内块元素包括img,td,input等,本质是宽、高可控的内联元素,与其他元素在同一行时有margin。

    4 链接标签中可以放块级元素,但不能再放链接标签。

3  background-position:如果只规定了一个值,则用于横坐标,纵坐标默认50%。

4  几个合写:

    1  font:font-style(倾斜或斜体) 是否加粗  字体大小/行高 字体 

    2  background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位

    3  list-style:URL(example.gif)  square inside

5  CSS书写规范

6  伪类选择器与伪元素

伪类:

  • :link         没有被访问过的样式
  • :visited    已经被访问过的样式
  • :hover     鼠标移动到之上的时候的样式
  • :active     在按下没有松开的时候的样式

   标签:first-child选择器  选择的是此标签的第一个元素

 

伪元素:

  • :first-letter
  • :first-line
  • :before
  • :after

7  文字居中与盒子居中

 图片 背景图片

8   边距塌陷

    1  当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

    2   当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并

    3   假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,且如果这个外边距遇到另一个元素的外边距,它还会发生合并

    4   只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。

9   content

10   width>padding>margin

11   empty-cells:show/hide

      单元格为空时隐藏其边框

12   圆角边框,两个值同时取50%时,是圆.

       合写:左上 右上 右下 左下

13    盒子阴影

    默认外阴影  即outset(省略不写)

    加上inset则显示未内部阴影

14  盒子边框和盒子内容的边框

15  float

    清除浮动相关

16  position

17   display、visibility与overflow

  •   display :设置元素是否显示及如何显示。
  •   visibility:设置元素是否可见或不可见。
  •   overflow:visible/auto/scroll/hidden   处理溢出。

18  cursor

19  outline:none

20   防止拖动文本域:

    resize:none

21   vertical-align 垂直方向对齐方式

22  后代选择器用空格    子元素选择器用“>”   交集选择器用“.”  并集选择器用“,”

 

关于CSS的一些问题(一)

标签:cells   ali   一起   标签   :link   圆角边框   浮动框   child   清除   

原文地址:https://www.cnblogs.com/zwowoy/p/12819900.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!