扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS的基本样式
成都创新互联公司是一家专业提供西塞山企业网站建设,专注与成都网站建设、网站建设、H5开发、小程序制作等业务。10年已为西塞山众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。1 CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果
2 CSS的背景
属性 | 描述 |
background-p_w_upload | 背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-p_w_picpath | 把图片设置为背景 |
background-position | 设置背景图片的起始位置 |
background-repeat | 设置背景图片是否及如何重复 |
background-size | 规定背景图片的尺寸 |
background-origin | 规定背景图片的定位区域 |
background-clip | 规定背景的绘制区域 |
3 no-repeat表示不能重复,repeat可重复,repeat-x表示x轴重复,repeat-y表示y轴重复
4 图像相对于可视区是固定的(fixed),不会受到滚动的影响
5 CSS的样本-文本
CSS文本属性可定义文本的外观,可以改变文本的颜色和字符间距,对齐文本,装饰文本,对文本进行缩进,等等
属性 | 描述 |
color | 文本颜色 |
direction | 文本方向 |
line-height | 行高 |
letter-spacing | 字符间距 |
text-align | 对齐元素中的文本 |
text-decoration | 向文本添加修饰 |
text-indent | 缩进元素中文本的首行 |
text-transform | 元素中的字母 |
unicode-bidi white-space word-spacing | 设置文本方向 元素中空白的处理方式 字间距 |
6 CSS链接的四种状态
a:link--普通的、未被访问的链接
a:visited--用户已访问的链接
a:hover--鼠标指针位于连接的上方
a:active—链接被点击的时刻
7 a:hover必须位于a:link和a:visited之后,而a:active必须位于a:hover之后
8 设置链接背景颜色
修改对应的属性background-color就可以了
9 修改链接的下划线
在link属性中加入text-decoration属性,将传值改为空就可以了
10 CSS列表允许防止、改变列表标志,或者将图片作为列表标志
11 列表常用的三个属性
列表类型
列表项图像
简写列表属性
12 列表类型
列表有无序,有序之分,无序列表又可以用不同的标记来区分list-style-type这个属性可以用来控制标记类型
13 列表图片
list-style-p_w_picpath属性让标记变得高大上,要先下载一个小图标放入工程文件夹,然后在CSS中添加
14 简写列表样式
把所有用于列表的属性设置于一个声明中
15 list-style的值可以按任何顺序列出,而且这些值得可以忽略,只要提供了一个值,其他的就会填入其默认值
1.15CSS表格
属性 | 描述 |
border-collapse | 设置是否把表格边框合并为单一的边框 |
border-spacing | 设置分隔单元格边框的距离 |
caption-side | 设置表格标题的位置 |
empty-cells | 设置是否显示表格中的空单元格 |
table-layout | 设置显示单元、行和列的算法 |
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流