CSS 常用总结

以下为《CSS 常用总结》的无排版文字预览，完整内容请下载

创建时间： 2016/10/4 16:04 作者： ***77@qq.com 更新时间： 2020/4/6 17:38 -----CSS定义与引用----- 定义：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 css页面引入 - 外联式：定义：通过link标签，链接到外部样式表到页面中。优点：使得css样式与html页面分离，便于整个页面系统的规划和维护，可重用性高。缺点：css代码由于分离到单独的css文件，容易出现css代码过于集中，若维护不当则极容易造成混乱。 css页面引入 - 嵌入式：定义：通过style标签，在网页上创建嵌入的样式表。优点：在同一个页面内部便于复用和维护。缺点：在多个页面之间的可重用性不够高。 h3{ color:red; } css页面引入 - 内联式：定义：通过标签的style属性，在标签上直接写样式。优点：方便、直观。缺点：缺乏可重用性。 hello -----常用的CSS样式----- 颜色：color color 设置文字的颜色 color:red; 字体：font font 同时设置文字的几个属性，写的顺序有兼容问题建议按照如下顺序写： font：是否加粗字号/行高字体； font: normal 12px/36px '微软雅黑'; font-family: 指定字体系列 font-family 设置文字的字体 font-family:'微软雅黑'; font-style 字体风格 font-style:'normal'; 设置不倾斜， font-style:'italic'; 设置文字倾斜 font-weight 设置文字是否加粗 font-weight:bold 设置加粗 font-weight:normal 设置不加粗 font-size: 字体大小 font-size:12px; 文本：text text 文本设置 text-decoration 设置文字的下划线 text-decoration:none; 将文字下划线去掉 text-indent 设置文字首行缩进 text-indent:24px; 设置文字首行缩进24px text-align 设置文字水平对齐方式， text-align:center 设置文字水平居中 line-height 设置文字的行高 line-height:24px; 背景：background background 背景设置 background-color(图片背景颜色) background-image(背景图片路径) background-repeat(背景图片是否及如何重复) background-attachment(背景图片是否固定) background-position(背景图像的起始位置) 链接：a a:link 普通的、未被访问的链接 a: 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 :before" 伪元素可以在元素的内容前面插入新内容。 h1:before{ content:url(logo.gif); } ":after" 伪元素可以在元素的内容之后插入新内容。 h1:after{ content:url(logo.gif); } CSS 样式生效的权重计算权重的计算： !important 放在对应样式的后面，权重值为10000； style内联样式，权重值为1000； ID选择器，权重值为100；类、伪类和属性选择器，权重值为10；标签和伪元素选择器，权重值为1；通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0； [文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。

以上为《CSS 常用总结》的无排版文字预览，完整内容请下载

CSS 常用总结由用户“Jocelynsun”分享发布，转载请注明出处

XXXXX猜你喜欢

回顶部 | 首页 | 电脑版 | 举报反馈更新时间2021-01-16 23:51:42