首页 > 技术文章 > css

Liu-xy-java 2021-11-20 19:56 原文

一、后代选择器

Div span  用空格来连接,代表的意思是找到后代元素

注意:后代可以是儿子、儿子的儿子。。。。。。

 

二、并集、并列选择器

Div,span,h1,span1,#span2

用逗号连接选择器,代表这些元素同事被选中

 

三、标签指定式、指定标签式

div类名

注意:标签和类名之间没有空格

 

四、高级权重对比

1.引入方式对比:

  外链和内嵌权重相同,先写的会被后写的覆盖

  行内权重最大,如果想覆盖它,就只能给样式中添加  !important  来把权重提高

2.复合选择器权重

id我们认为是100斤  class类名认为10斤  标签认为1斤

综合起来打的权重就高,如果群众一样,先写的被后写的覆盖

 

五、css常用属性

font-weight  设置字体粗细的  normal代表不加粗  bold代表加粗

font-style  设置字体倾斜  italic代表倾斜  normal代表不倾斜

text-decoration  设置线  none没有线  underline下划线  overline上划线

line-through  贯穿线(删除线)

word-break:break-all  强制换行

:hover  伪类写法  代表鼠标悬停状态的样式

 

六、行高属性

一行文字的结束到上一行文字结束的间距:line-height

 

七、边框属性

Border:1px solid red

    粗细 实线 颜色

  虚线:dashed  这样设置是四个方向相同;

  如果想单独设置某个方向只需要:border-left(right、top、bottom)

  注意:边框属性只有实线和虚线是没有兼容性问题的,其他方式的线都会有不同程度的兼容问题,如果程序员使用了,一定要报错!

 

八、css盒子模型的组成

  宽高+边框+内边距(内容和边框的距离  padding)+外边框(盒子和盒子之间的距离  margin)=盒子模型的组成

 

九、html5新标签

  header  头部

  nav  导航

  aside  侧导航

  article  文章块

  footer  底部

注意:这些html5新标签只能使用在手机网站的书写中,可以提升搜索引擎对网站的优化,不能用在pc(电脑)端网站,因为ie低版本不识别这些新标签。

 

十、ps基础操作

1.图片放大缩小  alt+滑轮

2.按住空格不放,拖拽鼠标可以改变图片的位置

3.英文状态下字母t,再点击想要查看的文字,就可以在菜单栏上看到所有属性(取消选中esc键)

4.注意:间距可以有3像素左右的误差

推荐阅读