查询公司的网站备案,王占山战斗英雄简历,顺德公司做网站,网站备案成功后该怎么做一、CSS概念#xff1a;什么是CSS,CSS说白了就是给页面添加样式,让整个页面变的好看起来的一种东西,用来定义网页外观#xff0c;如字体、背景、颜色等二、在页面中使用css的3种常用方式1.行内样式就是在一个标签内使用 style 属性,仅为某一个标签添加样式例如文字2.内嵌式就…一、CSS概念什么是CSS,CSS说白了就是给页面添加样式,让整个页面变的好看起来的一种东西,用来定义网页外观如字体、背景、颜色等二、在页面中使用css的3种常用方式1.行内样式就是在一个标签内使用 style 属性,仅为某一个标签添加样式例如文字2.内嵌式就是将样式写在ul{list-style:none;}3.外链式三种方式的优先级: 行内样式最高,其他方式则取决于放置的先后顺序,后面的会覆盖前面的三、基本语法1. CSS语法选择器 负责圈定范围要修改的元素的集合声明 由属性和属性名组成中间用冒号隔开(属性名:属性值)用于设定具体的样式格式 选择器{属性1:值; 属性2:值; 属性3:值 ....}2. CSS注释样式里面注释就一种 /*注释 */html中的注释 3. 单位3.1 长度单位em 倍数 相对于默认字体大小16pxpx 像素 pixel 屏幕上显示的最小单位(推荐)% 百分比 设置font-size 相对于默认字体大小16px 设置宽度高度相对于父元素宽度pt 标准长度单位 1pt1/72英寸 用于印刷业 非常简单易用PPI(DPI) 每英寸像素点数 pixel(dot) per inch 表示清晰度、精度cm/mm 厘米/毫米附公式px pt * DPI /723.2 颜色单位① 英文单词 red green yellow .....② 十六进制 #rrggbb 00-ff③ rgb 数字 百分比 rgb(0~255, 0~255, 0~255)④ rgb(0%~100%,0%~100%,0%~100%)四 选择器1. HTML选择器标签名{ }2. ID选择器#ID名{ }一个页面一个ID名只能给一个元素3. CLASS选择器.class名{ }4. 关联选择器选择器 选择器{ }5. 组合选择器选择器,选择器,选择器....{ }6. 伪元素选择器(IE6 仅支持a标签)选择器:hover 鼠标悬停在上面(重用)选择器:active 鼠标点击的时候选择器:visited 鼠标点击过后选择器:link 开始状态选择器补充1. 元素选择符通配符选择符*{padding:0;}类型选择符ID选择符类选择符2. 关系选择符包含选择符 E F子选择符 EF相邻选择符 EF兄弟选择符 E~F3. 属性选择符E[attr]E[attr]E[attr^]E[attr$]E[attr*]E[attr~]E[attr|]4. 伪类选择符E:link 鼠标没有放上去时E:visited 访问完后E:hover 鼠标放上去时E:active 点击时E:focus 获取焦点时E:lang(fr)E:not(s) 除了E:rootE:first-childE:last-childE:only-childE:nth-child(n)E:nth-last-child(n)E:first-of-typeE:last-of-typeE:only-of-typeE:nth-of-type(n)E:nth-last-of-type(n)E:checkedE:disabledE:enabledE:target5. 伪对象选择符E::first-letterE::first-lineE::afterE::beforeE::input-placeholder (加私有前缀)E::selection五 CSS常见属性和值1. 字体属性font 设置字体所有的属性 font:[font-style] || [font-weight] || [font-variant] ? font-family 设置字体库(黑体 宋体 微软雅黑.....)font-size 设置大小(px em % pt in cm mm)font-style 设置字体风格 值 normal(正常 默认) italic(斜体) oblique(斜体)font-weight 设置字体粗细 值 normal(默认) bold(粗) bolder(更粗) lighter(细) 100-900(数值大于600是加粗)font-variant 设置字体变形 normal small-caps(小写变大写)2. 颜色属性color 设置字体颜色(四种表示颜色的方法)3. 背景属性background综合写法background: [color] [image] [repeat] [position] [attachment]background-color 设置背景颜色 颜色单位background-image 设置背景图片 url(地址)background-repeat 设置背景图片平铺方式 repeat(默认值) no-repeat repeat-x repeat-ybackground-attachment 设置背景图片附加信息 值 scroll(默认) fixedbackground-position 设置背景图片位置 left/right/center/number px top/center/bottom/number px4. 文本属性letter-spacing 字母与字母之间的间距word-spacing 单词与单词之间的间距text-decoration 对文本划线的控制 overline 上划线 underline 下划线 line-through 中划线 none 没有线text-align 文本的水平对齐方式 left right center justifyvertical-align 文本的垂直对齐方式,不太常用,一般文本的垂直对齐我们使用的是行高框的高度 baseline | sub | super | top | text-top | middle | bottom | text-bottom | | text-indent 首行缩进line-height 重要 文本的垂直对齐方式word-wrap 当一个单词到达边际时没显示完的处理方式normal 溢出 break-word 换行显示text-transform 大小写转换 none capitalize 首字母大写 uppercase 全部大写 lowercase 全部小写5. 边框属性综合写法border :边框宽度 边框样式 边框颜色border :10px solid red[ border-width ] 设置或检索对象边框宽度。[ border-style ] 设置或检索对象边框样式。[ border-color ] 设置或检索对象边框颜色。border-left:border-left-style:border-left-color:border-left-width:border-right:border-top:border-bottom:6. 鼠标光标属性cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。属性值 auto pointer move crosshair wait help text not-allowed7. 列表属性[ list-style-type ] 设置或检索对象的列表项所使用的预设标记[ list-style-image ] 设置或检索作为对象的列表项标记的图像[ list-style-position ] 设置或检索作为对象的列表项标记如何根据文本排列list-style 综合写法list-style[ list-style-image ] || [ list-style-position ] || [ list-style-type ]一般给一个列表中的列表项添加图片使用的是背景图片的方式8. 表格属性 width height border.....1)table-layout 固定每列的宽度属性值auto 不固定fixed 固定2)border-collapse 设置或检索单元格的边框是否合并属性值separate 边框独立 默认值 不合并collapse 相邻边被合并 合并3)border-spacing单元格的边框与边框之间的距离只有border-collapse的属性值是separate的时候,border-spacing属性才能生效4)caption-sidetop | right | bottom | left设置或检索表格的caption标题在哪个方向显示5)empty-cells 当单元的内容为空是,是否显示边框属性值有两个 show 默认值显示 hide 不显示
