兴义网站网站建设,述建设一个网站的具体步骤,徐州专业做网站的,网站设计报价方案一#xff0c;css的样式选择器
1.1 字体相关
font
font-fanmily 字体的样式默认为黑体font-size 字体大小font-style 字体风格 斜体font-width 字体的宽度 默认为400
1.2 文本相关
text-transform
capitalize 首字母大写lowercase 全部小写uppercase 全部大写 text-alig…一css的样式选择器
1.1 字体相关
font
font-fanmily 字体的样式默认为黑体font-size 字体大小font-style 字体风格 斜体font-width 字体的宽度 默认为400
1.2 文本相关
text-transform
capitalize 首字母大写lowercase 全部小写uppercase 全部大写 text-alignleft 默认居右right 默认居左center 默认居中 text-indent缩进2em 缩进两个字符 text-decorationnone 去除下划线
二css 的背景选择
backgroup
color 背景色image 图片插入 要使用urlrepeat 图片铺满 一般使用no-repeatposition 位置 分为 left top bottom right 也可以使用像素点size 100%contain 场边完全展示短边补空cover 短边完全展示 长边隐藏
三列表的样式属性
list-type
type circle 圆形样式position outside 外围position intside 内围image url 图片mone 没有任何样式
四css包围盒
一个元素占用空间 border
widthstylecolor1px soilde red 设置盒子线的颜色 padding 内补 只有宽度 外部 只有宽度 padding与margin支持四种写法一个数值 上下左右一样两个数值 上下一致 左右一致三个数值 上 左右一致 下四个数值 上左下右
五css中的display
inline 行元素 一行可以出现多个元素block 块元素 自己独占一行可以给宽高inline-block 行内块多个快在一起可以给宽高none 隐藏
六 css中的定位
1static 静态定位 从左到右从上向下排列 2 relative 相对定位 相对定位文档流静态定位 发生偏移 占用文档位置 left top 3absolute 绝对定位 参考位置外层第一个非static的标签发生偏移直到html 不占用文档流 left/top/right/bottom 4fixed 固定位置 参考位置浏览器窗口 5 sticky 粘性定位 没有到达位置之前一直在 选哪个党羽静态定位 到达粘性位置 相当于静态定位
七弹性容器
displayflex
7.1 flex-direction
row 默认row-reverse 主洲倒columu主轴向下columu-severse 倒
7.2 flex-wrap
wrap 换行no-wrap 不换行wrap-severse
7.3 justify-content
flex-start 主轴开始位置flex-end 主轴结束位置center 主轴居中space-between 中间有空白spac-aroud 两边都有空白
7.4 align-itmes
flex-start 交叉轴起始位置flex-end 交叉轴结束center 居中当交叉轴方向只有一行使用交叉轴
7.5 align-content
flex-start 交叉轴起始位置没有空白flex-end 交叉轴结束位置center 居中当交叉轴有多啊很难过使用交叉轴对齐
