css基础

102 阅读2分钟

超链接标签 a href=“” 引号内写网址 href将要跳转的网站 target="_blank">

/a> target_blank 是保持原有网页不动 打开新的网页

css指层叠样式表 作用 如何显示html元素 是修饰标签的

如何引入css

第一种 行内样式法 给指定的标签添加style属性 用的并不多

第二种 内部样式表法 在head标签内部打一对style 选择器{}

第三章 新建一个样式表xxx.css 然后写选择器 {} 在网页head标签中把link引入 css :link rel="stylesheet" href="css/文件名.css"

三种常用的选择器 : 为了选定指定的标签

1 标签选择器 直接打对应的标签名

2id选择器 给标签一个id属性 然后在style里 #+id名称

body《p id="text"》我是蓝色字 /body ** #text**

3 类选择器或class选择器 .+class名称 《p chass="t1"》

id和class区别 id是唯一的 class类名是可以重复的

三种的权力重值 id100>class10>标签 1

三种背景颜色方法

直接法 blue

十六进制法 0-9任意数字加A-F字母组合起来的六位

三原色法 红绿蓝 rgb(0-255,0-255,0-255)

默认选中哪个下拉列表的省份用selected

select>

    option Selected>河北

单选框radio name="sex"

复选框 checkbox 单选复选框默认选中用checked

background-repeat:no-repeat 背景图不重复

background:red url(images/文件名) no-repeat 40px 100px

red是背景颜色 url是背景图片位置 norepeat是背景图不重复 背景图位置background-

position:40px 100px

background-position:0 0 背景图片的位置

当有不知名符号出现时 可以作为背景图片插入

text-decoretion: none 去文本下划线

当一段文字和另一端文字间距很大时 可以用span标签 转化为块元素 在设span的高度

border-bottom 1px dotted gray 给容器设下边框 点划线

border-radius: px 圆角属性