css1-puchong1】的更多相关文章

第一.CSS1选择器: 1.元素选择器(也叫标签选择器,是最基本的选择器) <style> html{background-color: red;} div{background-color: yellow;} </style> 2.ID选择器(id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义) <style> #boxl{color:blue;} </style> 2.1.结合元素的I…
CSS1 !important 提升指定样式规则的应用优先权 ie6并不支持.还是会被后面的样式覆盖…
样式的属性 1,背景与前景 background-color: //背景的颜色 background-image:url //背景图片 background-attachment:fixed; //背景固定不随字体滚动,scroll 背景随着字体滚动 background-repert:no-repeat; //图片不平铺, repeat平铺 repeat-x横向平铺 repeat-y纵向平铺 background-position:center; //背景居中 ,repeat必须为no-rep…
背景属性:background;background-color;background-image;background-repeat;(背景是否重复,有repeat-x 横式重复,repeat-y竖式重复,no-repeat不重复)background-position;background-attachment(fixed) CSS文本text-indent(缩进);width;text-align;word-spacing(字间隔);letter-spacing(字母间隔);text-tr…
<!-- (1)CSS 层叠样式表 作用:修饰网页结构 (2)css的三种引入方式 权重: 优先级高 权重大 谁在页面谁的权重大 - 行内样式 注意:行内样式的优先级是最高的 - 内接样式 - 外接样式 (3)基本选择器 id选择器 # 选中的是特性 唯一的,不能重复 (与js有关系) 标签选择器 选中的是页面中共性的标签 类选择器 . 选中的也是页面中共性的标签,类名可以有多个 通配符选择器 通常是对页面进行重置样式表 border: 1px solid #e0e0e0 设置input的边框颜…
下面来介绍一下web端页面最常见的居中方式 页面的基本结构:一个简单的div <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt…
什么是CSS? 层叠样式表(假如HTML是一个人的话,css就是一个人的装饰品,比如裙子,衣服口红) 用来干什么的 设置标签样式的 css注释 单行注释/**/ 多行注释 /* */ 语法结构 三种引入css样式的方式 一.head内style标签内直接写CSS 二.head内link标签引入外部css样式 三.标签内直接写style属性来设置样式 ps:注意页面css样式通常都应该写在单独的css文件中 css选择器 一.基本标签选择器 1.元素选择器 2.id选择器 3.类选择器 注意: 样…
CSS基本语法和引入方式 CSS介绍 为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表.有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁. css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性…
css组成 css语法组成 选择器 和 声明 (多个声明用分号隔开) 声明包括 属性和属性值(多个属性值用空格隔开) 语法: 选择器{ 属性: 属性值; 属性: 属性值1 属性值2; } css样式表 1.内部样式表 通常放在head标签内 2.外部样式表 a: <link rel="stylesheet" href="url" type="text/css"> rel:连接css和html href: css样式表的路径 type:…
需求:使用多张图片作为页面的背景图: 首先需要了解background的属性以及细节知识:https://www.cnblogs.com/chenglj/p/7372996.html background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0…