css学习
# css学习
Champhoenix
这个作者很懒,什么都没留下…
展开
-
CSS表格样式
CSS表格样式1.表格标题位置caption-side:取值;top 顶部(默认值)bottom 底部在table/caption元素中定义。2.表格边框合并border-collapse:取值;seperate 分离(默认值)collapse 合并在table元素中定义。3.表格边框间距border-spacing:像素值;在table元素中定义。例:<!DOCTYPE html><html><head> <me原创 2021-01-09 00:11:52 · 653 阅读 · 0 评论 -
CSS列表样式
CSS列表样式list-style-type:取值;这是针对有序和无序列表的,ol/ul有序列表属性值说明decimal1、2、3…lower-roman小写罗马数字i、ii、ii…upper-roman大写罗马数字lower-alpha小写英文字母upper-alpha大写英文字母无序列表属性值说明disc实心圆(默认值)circle空心圆square正方形注:去除列表项符号,把属性值改为no原创 2021-01-08 23:48:39 · 267 阅读 · 0 评论 -
CSS边框样式
CSS边框样式边框随处可见,几乎可以对所有元素设置边框。属性说明border-width边框宽度border-style边框的外观border-color边框颜色1.整体样式1)宽度像素值2)外观none 无样式dashed 虚线solid 实线3)颜色关键字/16进制RGB值4)简写border:1px solid red;2.局部样式简写,把整体样式中的border换成border-top,border-bottom,bor原创 2021-01-08 22:15:30 · 768 阅读 · 0 评论 -
CSS文本样式
CSS文本样式文本样式属性属性说明text-indent首行缩进text-align水平对齐text-decoration文本修饰text-transform大小写line-height行高letter-spacing、word-spacing字母间距、词间距1.首行缩进text-indent:像素值;text-indent值是font-size的2倍2.水平对齐left 左对齐(默认值)center 居中对齐原创 2021-01-08 15:35:37 · 217 阅读 · 0 评论 -
CSS字体样式
CSS字体样式属性说明front-family字体类型font-size字体大小front-weight字体粗细front-style字体风格color字体颜色1.front-family可指定多种字体,默认宋体比较美观的中文字体有微软雅黑、宋体,英文有Times New Roman,Arial,Verdana2.front-size关键字:small,medium,large像素值:px3.front-weight属性值(原创 2021-01-08 10:29:08 · 262 阅读 · 0 评论 -
CSS选择器
CSS选择器属性说明id唯一性(像身份证号)class类(像名字)注:1.不同界面可以出现两个相同的id2.同一界面相同或不同元素可以设置相同的class元素选择器id选择器class选择器后代选择器群组选择器1.元素选择器2.id选择器3.class选择器4.后代选择器5.群组选择器例:<!DOCTYPE html><html> <head> <meta charset="utf-原创 2021-01-07 15:43:47 · 169 阅读 · 0 评论 -
CSS简介
CSS简介CSS 引入方式外部样式表内部样式表行内样式表1、外部样式表最理想的引入方式,<link rel=“stylesheet” type=“text/css” href=“文件路径” />link标签引入,放在head标签里。2、内部样式表<style type=“text/css”/>……</style>放在head标签内。3、行内样式表div元素,放在body标签内。冗余。...原创 2021-01-07 11:18:33 · 188 阅读 · 0 评论