css样式

常见标签:table div p img video zudio hr br b i u emstrong del tr td th tbody thead header section footer article asidehtml style span body hn small herd title meta

===================================================

列表标签(块标签自动换行):三种列表:1、有序标签ol(order list) 2、无序列表ul(unorder list) 3、数据列表dl(data list)dt dd

================================================

无序列表:

1、ul{list-style:none 去掉ul的默认样式}

2、ul li{list-style-image:url('路径');给每一个列表元素都引入一个图片} li=list item列表子项dt+题目dd+数据

3、超链接:href 属性主要用于表示将要跳转页面的地址:本地地址 网络地址

target属性:表示目标 默认使用 _self表示本地选项卡打开

    可以修改为_blank表示使用新的选项卡打开

target="_self"在本页面打开网页

target="_blank"在新页面打开网页


=================================================

表单标签:method  提交服务器的方式在http1.1的标准下,http请求方式有八种:

1、get 2、post 3、put、4、delete  前4中常用5、header 6、connect 7、option 8、track

get与post的区别:

1、ger请求参数拼接到url上 post请求不会将参数拼接到地址上,而是封装在一个body体内 2、get请求不太安全,post比较安全 3、get有大小限制,post理论上没有大小限制 4、文件上传一定要使用post get不能传送路径post支持流传输

最重要的表单元素(标签):

action 属性表示提交数据的服务器地址url/uri"#"表示不提交action="http://www.baidu.com"input文本输入框:type:text password/number/datetime-local默认不写就是text      date/time/radio/checkbox(多选按钮)/file      submit(提交按钮)color/reset/image      button/url/email/week/year/month/hidden/range用户密码可加可不加XX 前后XX保持一致 radio 单选 name保持上下一致 不然可以多选只能传数字包括(e)其他不行上传文件提交按钮重置按钮但是不提交 但是样子和submit一样 将来用于ajax

====================================================

隐藏不让用户看但是会上传XX不现实在用户端但是会传到服务端email url 会自主判断是否输入正确 后加redonly表示只读不能写  加checked表示默认选择了一个或者多个textarea 文本输入域rows(行)cols(列)checked required readonly不能是空的默认值XXXX中间不能为空

===========================================

css:(cascading style sheet)级联样式表/层叠样式表用来装饰页面的技术html 

结构层css表示层js行为层link rel="stylesheet"引入其他样式 rel必写herf写上被引用样式的地址

===================================================================

ul>li*8>a[href="#"]>{XX$}< a href="#">1XX$表示按顺序写入div>ul*3>li*5>a[href=""]{XX}生成3个ul 每个ul生成5个li 每个li生成1个a在style中设置样式的时候 不要在ul里设置要在ul中的li设置颜色表示方法:

1、使用颜色单词表示:blue black skyblue.....

2、使用三基色表示:#0-255    红绿蓝三基色#FF0000红色 #00FF00绿色  #0000FF蓝色    当一个基色的两个数字一样的时候可以单写一个

3、color:rgb(n,n,n)红色255,0,0  ||绿色0,255,0||蓝色0,0,255  colorrgba(n,n,n,m)m代表透明度(0--1)透明--->不透明 

===========================================

css三种书写方式:

1、内嵌方式2、页面方式3、外联方式

推荐使用常见选择器:css选择器分下几种选择器:

1、基本选择id选择器 

             ①id选择器id#+id  id是唯一的

             ②class类选择器 .+class  class可以重复(是个标准的块标签)

             ③标签选择器:html中的标签可以作为选择器:例如 table  p  a lable  span.........

             ④通配符选择器:*通配符选择器 表示对整体进行样式设置。

             ⑤逗号选择器:,表示逗号选择器 可以几个标签可以同时进行样式设置

2、包含选择器(层级选择器)

     ①子代选择器 : >子代选择器 

     ②空格表示后代选择器后代选择器 

3、属性选择器 

       [属性选择器]{设置样式}

       [属性^="X"]{}表示对以X开头的标签进行样式设置

4、css3选择器(选学)伪类       

a:hover 【是:不是,】  a的伪类效果 表示鼠标放上去之后的效果color:redfont-size:20pxfont-weight:boldtext-decoration:underline  表示鼠标放上之后字体变红 字节为20号 加粗加下划线

================================================================

将^换成$则变为对以X结尾的标签进行样式设置将^换成*则变为对包含X的标签进行样式设置#id+.class表示对id后紧跟着的class进行样式设置font-weight:bold表示字体加粗 虚线da'shed  点线dotted 双线doubleline-height:上下居中  text-align:center左右居中text=decoration:none表示无下划线

#id:focus{}表示鼠标垫进去之后的样式

常见css样式:width height background border border-radius box-shadow text-shadow color opacity(透明度)margin padding  line-height text font display position

你可能感兴趣的:(css样式)