分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

CSS的简单复习总结

发布时间:2023-09-06 02:27责任编辑:顾先生关键词:CSS

如果说网页是人的话那么CSS就是化妆品了哈哈哈,所以网页离不开CSS的装饰。
id选择器和Class选择器    二者都是用来选择元素进行装饰的,我个人理解是类选择器包含了id选择器,class选择器不进能选出单个元素还能还能选出一类元素。
外部样式表    在外部进行编写代码在网站的代码进行调用
内部样式表    在网页的<head>中用加<style>然后用类选择器来调用
内联样式表    在标签中加style就能直接修饰
背景(background)       background-color    背景颜色
            background-image     背景图片      
            background-repeat     背景图片平铺    如:background-repeat:no-repeat  、background-repeat:repeat-x
            background-attachment   背景图片固定    如:background-attachment:pixed

文本(text)       color         文本颜色
            text-align       文本对齐方式      如:text-align:center  、  text-align:right  、  text-align:justify
            text-decoration      文本修饰        如:text-decoration:none(删除下划线)
            text-transform        文本转换        如:text-transform:overline  、 text-transform:line-through  、  text-transform:upperline
            text-indent      文本缩进        如:text-indent:20px
还有一些拓展的     letter-spaing      字符之间的距离
            line-height       行与行之间的高度
            direction       文本书写方向  如:direction:rtl  从右往左写
            word-spacing     增加单词之间的空白空间
            white-space:nowrap  禁用文本环绕(就是把多行文本写成一行)
            text-shadow      增加阴影效果  如:text-shadow:2px 2px #FF0000

字体(fonts)      font-family      字体属性
             font-style        字体样式
             font-size         字体大小
             font-weight        字体的粗细       字体变细font-weight:lighter              变粗font-weight:500

链接(link)      

a:link {color:#000000;} ?????/* 未访问链接*/a:visited {color:#00FF00;} ?/* 已访问链接 */a:hover {color:#FF00FF;} ?/* 鼠标移动到链接上 */a:active {color:#0000FF;} ?/* 鼠标点击时 */

            color
            text-decoration
            background-color

CSS的简单复习总结

原文地址:https://www.cnblogs.com/lightice/p/10149916.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved