温馨提示：本站仅提供公开网络链接索引服务，不存储、不篡改任何第三方内容，所有内容版权归原作者所有
AI智能索引来源：http://www.35.com/info/html/wangyezhizuo/css/20181106/4603934.html
点击访问原文链接

CSS 的介绍-站长资讯中心

进入原网站 导航首页
站长资讯平台首页> 网页制作 > css > CSS 的介绍 2018-11-06 06:50:38来源：博客园 阅读 ()Link:：默认状态 Hover:放上状态 Active：当点击时的状态（不放手） Visited：访问过的状态 语法： 选择器：状态{color :red;}   注意：一般是默认状态和访问过的状态设置成一样的效果 所有的标记都可以加伪类选择器 案例：   第三章：CSS常用的属性   一：文字属性   属性名 描述 属性值 Font-size 文字大小 像素（px)em(倍数)百分比（%） Font-family 字体类型 宋体，微软雅黑，黑体等 值可以是一个或多个，用逗号隔开 font-style 斜体   Italic（斜体） Font-weight 加粗 Bold（加粗）100-900     案例： 二：文本属性 属性名 描述 属性值 Color 文本颜色 3种 rgb（255，255，255） 十六进制（#cccccc) 单词(yellow) Text-align 文本水平对齐方式 Left|center|right Text-decoration 文本修饰线 Underline(下划线)overline(上划线)line-through（删除线） none(无 ) line-height 行高 设置当前行的高度，目的的就是让网文本上下居中，高度和行高一致 Text-indent 首行缩进 数值（px）如果是12号字，基本是翻倍 Letter-spacing 字符间距 数值（px） Word-spacing 单词间距 数值：(px) 案例： 三：尺寸使用 说明：其实就是元素的宽和高，任何标记元素都有宽和高   属性名 描述 属性值 width 宽 像素（px）百分比（%） Height 高 像素（px）百分比（%） Px 像素 浏览器都是由像素点（显示贞） 注意：块元素可以设置宽和高，行内元素设置宽和高是不起作用的，高不设内容自动撑出来 案例： 、       四：列表属性   说明：对ul,ol,li,dl,dt,dd进行样式的设置   属性名 描述 属性值 last-style-type 列表的符号样式类型 None   List-style-type 列表图片 Url 如 list-style-type：url(../01.jpg) List-style-position 列表符号的位置只对li Inside  outside list-style 把三个属性的值都放到一个属性中 None url  inside 如果三个属性都有按照上面的顺序 没有的可以不写             案例 TIP：边框 Border 粗细 样式 颜色 如：border：1px dashed red Border-bottom: 下边框   五：背景属性   属性名 描述 属性值 Background-color 背景颜色 16进制 Background-image 背景图片 Url Backtround-repeat 背景平铺方式 no-repeat repeat-x repeat-y Background-position 内景定位 x轴和Y轴定位 如position：left top 设置左右和上下 定位方式： 1. 单词定位方式：left|center|right  top|center|bottom 单词定位可以理解为九宫格 Left top Center top Right top   Left center Center center Right center Left bottom Center  bottom Right bottom   2. 像素定位方式：background-position：50px 100px;  离左边50 离上面100 3. 百分比方式：background-position：10% 20% 离左边 离右边 4. 混合方式： background-position：center 100px   Background-attachment 背景固定 Scroll（滚动 默认）fixed（固定） Background 简写形式 颜色 图片 平铺 定位固定 其中的选项可以不写   案例： 精灵图： 说明：就是把很多的小图片放入到一个大的背景图中，这个图称为“精灵图”。 在制作网页时必须是背景图                                                                                             案例：   标签：制作网站HTML之列表html.divDIV居中的经典方法CSS中的float和margin的混合使用Html/css 列表项 区分列表首尾css与javascript重难点，学前端，基础不好一切白费！ie8下透明度处理主机资讯注册资讯托管资讯vps资讯网站建设建站经验策划盈利搜索优化网站推广免费资源联盟新闻联盟介绍联盟点评网赚技巧搜索引擎网络游戏电子商务广告传媒Asp.Net编程Asp编程Php编程Xml编程AccessMssqlMysql其它Web服务器Ftp服务器Mail服务器Dns服务器安全防护其它软件WordExcelPowerpointGhostVistaQQ空间QQFlashGet迅雷FrontPagesDreamweaverJavascriptcssphotoshopfireworksFlashJava技术C/C++VBdelphi网络协议网络安全网络管理组网方案Cisco技术Win2000WinXPWin2003Mac OSLinuxFreeBSD前端工程师要学什么如何制作网页链接简单flash动画作品欣赏html5网站源码html的意思html代码实例什么是h5flash制作软件有哪些ps设计教程如何学习htmlhtml斜体js特效大全ps使用技巧ps如何瘦脸html开发工具ps中级教程前端工程师要求前端开发工具排名Photoshop绘制立体风格的微笑表情PS文字特效教程：制作公路上个性的涂鸦Photoshop设计卷边效果的变形金刚电影PS色彩修复教程：利用色阶工具快速给红PS半透明物体抠图：利用通道选区工具抠PS海报设计技巧教程：学习制作个性的扭PS图片特效制作教程：学习给铁塔图片制学习用photoshop把浑浊的海水照片后期PS古风照片教程：给古风美女打造出女侠PS个性人物海报制作：设计创意时尚的玻揭秘黑客步骤:怎么盗取别人的微信密码?揭秘黑客教程:盗取微信号密码最简单方揭秘黑客步骤:怎么盗取别人的微信密码?揭秘黑客步骤:怎么盗取别人的微信密码?福利来了，各种技术视频资源VS Code如何更换主题皮肤？layui 弹出框改变按钮颜色样式 自定免费搜索引擎提交(登录)入口大全SqlBulkCopy使用介绍以及注意事项【从零开始搭建自己的.NET Core Api框谷歌移动友好算法AVPSFTP软件IEloadimg使用POSTHTTPCOMHTMLem定义数据timwordClass网络安全运维经验IT技术分享运维随笔录鲜花东郊到家往约到家

智能索引记录