HTML/CSS笔记01

KunMinX 发布于2019-08-02 15:40 / 2174人阅读

摘要：参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中

get 参数拼接在浏览器的地址栏 url?k=v&k=v

                    请求报文格式：
                        GET     /sms/register.action?name=terry&password=123

                        Content-size:12
                        user-agent:mac safari


                post     参数放到请求报文请求体中进行传递

表单元素

        1. input
            单行文本框     
            密码框             
            单选按钮         
            复选按钮         
            附件             
            提交按钮         
            h5拓展：搜索框，日期框，数字框，email框...
                
                
                
                
            input的属性
                type
                name         参数的key(不能缺省)
                value     参数的value(按钮的时候不能缺省)
                placeholder     提示语
                checked     用在单选按钮和复选按钮中表示默认选中
                selected    用在下拉菜单中表示默认选中
                【注意】：checked和selected可以为单值属性
        2. select
            下拉菜单
            

            select中的子元素一定为option,option中一般要添加value表示当选中该元素的时候，select的参数值为该value值,option中的value值可以不设置，那么value默认为文本值

        3. textarea
            多行文本域
            

        4. 插件（日期选择，地址选择，富文本）

css

介绍
用于修饰HTML结构的，层叠样式表

成叠

多个样式修饰一个结构
子元素从父元素那里继承样式
优先级

样式表

相关样式在一起定义（封装）

语法
1) 如何在html中应用css

1. 定义style属性中
    缺点：样式与结构冗余
    优点：优先级较高
    

2. 定义在head标签中的style标签中
    缺点：样式的复用率较低
    优点：样式与结构分离

    
        
        
        
        
        
    
    
        
    

3. 将样式定义在css文件中
    优点：样式的复用率高（框架:例如bs），样式与结构分离
    style.css

    div {
        color:#fff;
        background:#333
    }

    b.html

2) 规则
    style属性：
        属性名:属性值;属性名:属性值;

    style标签/.css
        选择器 {
            属性值:属性值;
            属性名:属性值;
        }
3) 注释
    /*注释内容*/
4) 选择器
    1. 核心选择器
        标签选择器
            h2 { }
            div {规则 }
        id选择器
            #two {}
            
            
        类选择器
            .second{}
            
            
        逗号选择器
            h1,h2,h3 {}
        组合选择器
            div#two {}
            选择id为div的元素
            div,#two {}
            选择div元素和id为two的元素
        普遍选择器
            *
    2. 层次选择器
        子元素选择器     
            .header > a

            选中class为header的元素的直接孩子元素a标签

            
                
                
                    
                    
                
            
            
                
                
            
        后代元素选择器
            .header a
            选中class为header的元素的后代元素a标签

    3. 属性选择器
    4. 伪类选择器
    5. 伪元素选择器

GPU云服务器云服务器 html css HTML+CSS html+css: 学完html css

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54290.html

HTML/CSS笔记01

摘要：参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中 get 参数拼接在浏览器的地址栏 url?k=v&k=v 请求报文格式： ...

Lin_YT 2019-08-30 15:44 评论0 收藏0
01 【零基础入门】html学习笔记（1）

摘要：公司就是中文网页，极度的追求网页的显示速度，要使用。，与类似，用于将相关的内联元素和文本归组在一起。用途区别块元素通常用在页面中的主要构建模块，而内联元素则用来标记小段内容。之前学习了前端的一些基础知识，现在想深入地、精通地学习前端，往前端和全栈工程师方向发展。之前学习前端主要是通过看视频，结合动手练习。现在认为看书+视频+实践，应该是最高效的学习方法。对于html、css，我主要...

xeblog 2019-08-02 10:38 评论0 收藏0
新闻爬虫倒腾笔记

摘要：新闻爬虫在列表页获取列表和时间材料，开发人员工具，插件，，安装包使用开发人员工具分析网站右键或打开，刷新载入打开页签，点选第二排的小漏斗，点入页面，因为新闻都有被检索到的需要，所以一般情况下都可以在第一个文档中找到需要的信息。新闻爬虫1.0 在列表页获取列表和时间材料：Pycharm，Chrome开发人员工具，infoLite插件，bs4，request 安装包 pip insta...

April 2019-07-30 14:40 评论0 收藏0
前端笔记

摘要：一严格模式与混杂模式如何触发这两种模式，区分它们有何意义声明位于文档中的最前面的位置，处于标签之前。包含过渡和的也导致页面以标准模式呈现，但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。一：HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? Doctype声明位于文档中的最前面的位置，处于标签...

未东兴 2019-08-21 11:26 评论0 收藏0
前端笔记

摘要：一严格模式与混杂模式如何触发这两种模式，区分它们有何意义声明位于文档中的最前面的位置，处于标签之前。包含过渡和的也导致页面以标准模式呈现，但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。一：HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? Doctype声明位于文档中的最前面的位置，处于标签...

binta 2019-08-30 13:17 评论0 收藏0