2019-06-08 学习日记 day29 CSS

CSS

css(Cascading Style Sheets)

CSS通常称为css样式表或层叠样式表(级联样式表),主要用于设置THML页面中文本内容(字体,大小,对其方式等),图片的外形(宽高,边框样式,边距等)以及版面的布局等外观显示样式

CSS选择器:帮助我们找到我们套修饰的标签或者元素

元素选择器:元素的名称 {  属性名称:属性的值  }    

ID选择器:以#号开头 (ID必须唯一的)

类选择器:以 . 号开头

CSS的引入方式:

  外部样式(link标签)

  内部样式(style标签)

  行内样式(在行内添加style属性)

CSS浮动:

float,浮动的元素会脱离正常的文档流,再长长的文档流中不占空间

clear属性:清除浮动

  both:两边都不允许浮动

  left:左边不允许浮动

  right:右边不允许浮动

行高:line

CSS的优先级:按照选择器搜索精确度来编写   行内样式 > ID选择器 > 类选择器 > 元素选择器

CSS其他选择器:

 选择器分组:选择器1,选择器2{属性的名称:属性的值}

 属性选择器:

  a[ ] { }

  [abc^="def"] = 选择abc属性值以“def”开头的所有元素

  [abc$="def"] = 选择abc属性值以“def”结尾的所有元素

  [abc*="def"] = 选择abc属性值中包含子串“def”的所有元素 

 后代选择器:选择器1,选择器2  找出所有后代

 子元素选择器:父选择器 > 子选择器

 伪类选择器:通常都是用在A标签上

 颜色:#000000   红绿蓝  每两位代表一个颜色

盒子模型

  border:框

  pading:内边距,控制的是盒子内容的距离

  margin:外边距,控制盒子与盒子之间的距离

CSS绝对定位:

  position:absolute,绝对定位

    

  

  

  

  

 

  

原文地址:https://www.cnblogs.com/JungTan0113/p/11007351.html